美文网首页
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