vue中图片的src是变量的时候，

直接把循环所得的变量放在src会出错，需要使用require导入图片，但是不能直接在src那里写导入，我这么写也报错，放在一个函数里面不会报错，因为require在上标签写的时候，只读取字符串，不会拼接。

 

 <div v-for="item in arr">
              <div class="imgBox">
                <img :src="getImg(item.img)" alt="">
              </div>
              <div>
                <p>{{item.title}}</p>
                <p>{{ item.name }}</p>
              </div>
            </div>

// 图片的获取
    getImg(url){
      return require("@/assets/img/content/demo/" + url + ".jpg");
    },

测试

getImg(url){

        if (url){
          console.log(url)
          try {
            console.log(3)
            return require("@/assets/img/content/news/" + url + ".png")
          }
          catch (err){
            console.log('地址错误')
            return undefined
            }
        }else{
          console.log('没有地址')
          return undefined
        }
    }