vue获取数组对象中的值
时间: 2023-08-06 21:03:55 浏览: 115
VUE整理(五)
要获取数组对象中的值,你可以使用 Vue.js 的模板语法和 JavaScript 的语法来实现。
1. 使用 v-for 指令遍历数组对象:
```html
<div v-for="item in items">
{{ item.name }}
</div>
```
2. 使用数组下标来获取值:
```html
<div>{{ items[0].name }}</div>
```
3. 在 JavaScript 中使用数组的 find 方法来查找对象并获取其值:
```javascript
let item = items.find(i => i.id === 1);
console.log(item.name);
```
以上三种方法都可以用来获取数组对象中的值,具体使用哪种方法取决于你的需求和代码情境。
阅读全文