码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2021-01-14 10:33:45      阅读:0      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!