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

2019-02-18  本文已影响0人  vioi

<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>

上一篇下一篇

猜你喜欢

热点阅读