vue循环动态绑定图片img地址(require)

标签:assets   idt   --   img   htm   code   for   height   v-for   

html:

    <div v-for="item in lunBoArray" :key="item.id">
          <img style="height: 100%;width: 100%" :src="item.url"/>
    </div>

js--data 绑定数据

   lunBoArray:[{
        url:require(‘../../assets/img/lunbo1.jpg‘),
        id:"adw"
      },{
        url:require(‘../../assets/img/lunbo2.jpg‘),
        id:"dwqd"
      },{
        url:require(‘../../assets/img/lunbo3.jpg‘),
        id:"gfdsfa"
      },{
        url:require(‘../../assets/img/lunbo1.jpg‘),
        id:"dcs"
      },{
        url:require(‘../../assets/img/lunbo2.jpg‘),
        id:"2ed"
      }],

 

vue循环动态绑定图片img地址(require)

标签:assets   idt   --   img   htm   code   for   height   v-for   

原文地址:https://www.cnblogs.com/lgnblog/p/14268577.html

版权声明:完美者 发表于 2021-01-14 10:33:45。
转载请注明:vue循环动态绑定图片img地址(require) | 完美导航

暂无评论

暂无评论...