I've recently become intrigued by VueJs and am on the lookout for a straightforward method to create a dynamic gridlist in VUEJs featuring firstName, lastName, and images for each person.
Here's what I attempted, and here's how it turned out:
<v-subheader>myList</v-subheader>
<v-container fluid grid-list-sm>
<v-layout row wrap>
<v-flex v-for="item in customer.images" :key="item.id" xs4>
<img :src="item.image" class="image" alt="lorem" width="50px" height="500px">
</v-flex>
</v-layout>
</v-container>
<script>
date()=>({
customer:{
id:"",
firstName:"",
lastName:"",
images:[], <----array od objects {id:"", image:""}
}
});
</script>