I have a Vue.js structure file that looks like this:
--assets
----image
------my-image.png
------my-image2.png
--components
----user
------userStart.vue
To display the images using an array object, my code in userStart.vue is as follows:
<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'
}
]
}
}
}
I am facing an issue where the image is not being displayed. How can I resolve this problem? Thank you.