我在vue js中有这样的结构文件:
-资产
---- image
------ my-image.png
------ my-image2.png
-组件
---- user
------ userStart.vue
我将使用数组中的对象显示图像 这是我的代码(userStart.vue)
<img v-for="image in images" :src="image.url"/>
export default{
data(){
return {
images : [
{
url : '../../assets/image/my-image.png',
name : 'My Image 1',
},
{
url : '../../assets/image/my-image1.png',
name : 'My Image 2'
}
]
}
}
}
问题是我无法显示图像,如何解决? 谢谢
答案 0 :(得分:4)
您可以使用require()
例如:
<img v-for="image in images" :src="require(image.url)">