vue循環動態綁定圖片img地址(require)


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"
      }],

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM