vue在data里面怎么拿到assets放的图片路径然后渲染到页面
你可以使用require函数来获取assets文件夹中的图片路径,并将其存储在data中。然后在页面中使用v-bind指令将图片路径绑定到<img>标签的src属性上。
首先,在data属性中定义一个名为imagePath的属性,并将其初始值设置为require函数获取到的图片路径。
data() {
return {
imagePath: require('@/assets/image.jpg')
}
}
然后,在页面中使用v-bind指令将imagePath绑定到<img>标签的src属性上。
<img v-bind:src="imagePath" alt="Image">
这样就可以将assets文件夹中的图片路径渲染到页面上了。
原文地址: http://www.cveoy.top/t/topic/iZEt 著作权归作者所有。请勿转载和采集!