首页 > 其他 > 详细

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

时间:2021-01-12 20:29:58      阅读:199      评论:0      收藏:0      [点我收藏+]

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)

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!