vue获取数组对象中的值
时间: 2023-08-06 11:03:28 浏览: 92
vue遍历对象中的数组取值示例
要获取数组对象中的值,可以使用 Vue.js 的计算属性(computed property)或者使用 v-for 指令和对象属性的方式。
例如,如果有以下的数据:
```
data: {
items: [
{ id: 1, name: 'Apple', price: 1 },
{ id: 2, name: 'Banana', price: 2 },
{ id: 3, name: 'Cherry', price: 3 }
]
}
```
使用计算属性的方式获取对象中的值:
```
computed: {
firstItemName() {
return this.items[0].name;
}
}
```
使用 v-for 和对象属性的方式获取对象中的值:
```
<div v-for="item in items" :key="item.id">
{{ item.id }} - {{ item.name }} - {{ item.price }}
</div>
```
以上代码将会遍历 items 数组中的每个对象,然后将对象中的 id、name 和 price 属性的值显示在页面上。
阅读全文