как отрендерить массив вида:
[ { firstName: "Vova", lastName: "Uukina" position: " Manager" }, { firstName: "Oleg", lastName: "Turlevich" position: "Manager" }, { firstName: "Nika", lastName: "Arkadieva" position: "Student" }]
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществукак отрендерить массив вида:
[ { firstName: "Vova", lastName: "Uukina" position: " Manager" }, { firstName: "Oleg", lastName: "Turlevich" position: "Manager" }, { firstName: "Nika", lastName: "Arkadieva" position: "Student" }]
Минимально воспроизводимый пример демонстрирующий перебор значений из списка.
Vue.config.productionTip = Vue.config.devtools = false;
new Vue({
el: "#app",
data: {
list: [
{ firstName: "Vova", lastName: "Uukina", position: "Manager" },
{ firstName: "Oleg", lastName: "Turlevich", position: "Manager" },
{ firstName: "Nika", lastName: "Arkadieva", position: "Student" }
]
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<ul>
<li v-for="(item, index) in list" :key="index">
<h4>{{ item.firstName }} {{ item.lastName }} </h4>
<p>{{ item.position }}</p>
</li>
</ul>
</div>
upd: У вас в массиве после lastName
пропущена запятая.