vue取json数组的键值名加入数组
时间: 2023-09-05 14:00:54 浏览: 133
Vue 获取数组键名的方法
在Vue中,我们可以通过以下步骤将JSON数组的键值名加入另一个数组:
1. 首先,创建一个空数组,用于存储键值名。
```
let keyNames = [];
```
2. 接下来,使用`Object.keys()`方法获取JSON数组的所有键名。
```
let jsonArr = {"key1": "value1", "key2": "value2", "key3": "value3"};
keyNames = Object.keys(jsonArr);
```
3. 现在,`keyNames`数组中将包含JSON数组的所有键值名。
完整的代码如下所示:
```
<template>
<div>
<p>JSON数组的键值名:</p>
<ul>
<li v-for="key in keyNames" :key="key">{{ key }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
keyNames: []
};
},
created() {
let jsonArr = {"key1": "value1", "key2": "value2", "key3": "value3"};
this.keyNames = Object.keys(jsonArr);
}
};
</script>
```
通过以上步骤,我们可以将JSON数组的键值名加入到Vue中的数组中,并在页面上展示出来。
阅读全文