第一种情况
如果将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
中的静态资源即可