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