700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue中在data中写入img地址 引入问题

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

时间:2022-04-12 05:54:42

相关推荐

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中的静态资源即可

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。