vue中在data中写入img地址 引入问题

在这里插入图片描述

第一种情况

如果将img放在 src在下的assets中时候;img地址在data

{
        id: 1153135,
        title: '精选1',
        price: 168,
        count: 40,
        imgAddress: require('../assets/images/daniel.jpg')
      }

vue模板中需要这么引入

 <img :src="ele.imgAddress" alt="" class="img">

第二种情况

如果将img放在 src在下的assets中时候;在vue模板中直接引入img地址

 <img src="../assets/images/kristy.png" alt="" class="img">

第三种情况

如果img放在public的时候;在public中的html文件中直接引用public中的静态资源即可

发布了151 篇原创文章 · 获赞 1 · 访问量 1839

猜你喜欢

转载自blog.csdn.net/qq_45802159/article/details/104292163
今日推荐