美文网首页
vue v-for 循环时 src="{{item}}" 不能

vue v-for 循环时 src="{{item}}" 不能

作者: vioi | 来源:发表于2019-02-18 19:29 被阅读0次

<li v-for="item in imageSrc>

<img src="{{item}}"

</li>访问不了图片地址

data(){

        return {

            imageSrc:[

 "@/assets/small/01.jpg" 

          ] } }

解决方案 :

第一:步将字符串地址放在require()中

data(){

        return {

            imageSrc:[

              require("@/assets/small/01.jpg") 

          ]

        }

    },

第二步:绑定  src   <img  :src="item">

<li v-for="item in imageSrc>

<img :src="itme"  />

</li>

相关文章

网友评论

      本文标题:vue v-for 循环时 src="{{item}}" 不能

      本文链接:https://www.haomeiwen.com/subject/ejyzeqtx.html