vue获取json数组中的值
时间: 2024-02-23 12:58:21 浏览: 26
vue 银行json数据
可以使用 `v-for` 指令遍历 JSON 数组并获取其中的值,例如:
```html
<template>
<div>
<ul>
<li v-for="(item, index) in items" :key="index">
{{ item.name }} - {{ item.age }}
</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
items: [
{name: 'Alice', age: 20},
{name: 'Bob', age: 25},
{name: 'Charlie', age: 30}
]
}
}
}
</script>
```
在上面的示例中,我们使用了 `v-for` 指令遍历了 `items` 数组,并使用了对象的属性名 `name` 和 `age` 获取了数组中每个元素的对应值。
阅读全文