vue获取数组里面的值
时间: 2023-10-08 14:14:46 浏览: 229
vue 获取url参数、get参数返回数组的操作
5星 · 资源好评率100%
你可以使用 `v-for` 指令来遍历数组并获取其中的值。
例如,假设你有一个数组 `items`,它包含了多个对象,每个对象有两个属性:`name` 和 `age`。你可以这样获取数组中所有 `name` 属性的值:
```html
<template>
<div>
<ul>
<li v-for="item in items" :key="item.name">
{{ item.name }}
</li>
</ul>
</div>
</template>
```
在上面的代码中,`v-for` 指令用于遍历 `items` 数组,并将每个数组元素绑定到一个名为 `item` 的变量上。`key` 属性用于为每个遍历项指定一个唯一的标识符,以便 Vue 可以跟踪它们的状态。
在遍历中,我们可以通过 `item.name` 来获取当前数组元素的 `name` 属性的值。
类似地,你也可以获取其他属性的值,例如:
```html
<template>
<div>
<ul>
<li v-for="item in items" :key="item.name">
{{ item.age }}
</li>
</ul>
</div>
</template>
```
在上面的代码中,我们获取了每个数组元素的 `age` 属性的值。
阅读全文