vue循环arr{121:[],342:[]}怎么能拿到121key值

在Vue中，如果你有一个数组嵌套的对象，例如`arr = [{ key: '121', value: [] }, { key: '342', value: [] }]`，你可以通过JavaScript的for...of循环遍历这个结构并获取每个对象的`key`值。下面是一个示例：

let arr = [{ key: '121', value: [] }, { key: '342', value: [] }];
for (let item of arr) {
  let keyValue = item.key;
  console.log(keyValue); // 这里会打印出 '121' 和 '342'
}

在这个例子中，`keyValue`变量存储了当前迭代到的对象的`key`属性值。如果你想将这些键值放入一个新的数组，可以这样做：

let keys = arr.map(item => item.key);
console.log(keys); // 输出 ['121', '342']

这里使用了`map()`函数来创建新的数组，它会将每个元素的`key`属性应用到新数组中。

相关问题

vue循环arr{1:[],2:[]}怎么能拿到1

在Vue中，当你通过`v-for`指令遍历一个数组嵌套结构时，可以直接访问到当前迭代的值。对于像`arr = {1: [], 2: []}`这样的对象，你可以这样做：

<ul>
  <li v-for="(value, key) in arr" :key="key">
    {{ key }}
  </li>
</ul>

在这个例子中，当遍历`arr`时，每项会渲染成一个列表项，并显示对应的键名，所以你可以通过`{{ key }}`获取到当前的索引`1`。

如果你想在模板内部操作这个值，可以将它绑定到一个组件的数据属性，然后在模板中引用那个属性：

<template>
  <div>
    <li v-for="(item, index) in items" :key="index">
      Index: {{ index }}
    </li>
  </div>
</template>

<script setup>
import { ref } from 'vue';

const arr = {1: [], 2: []};
const items = ref(Object.values(arr)); // 获取数组的值并作为响应式数据

// 现在items数组就是[[], []]，可以直接操作
</script>

在这里，`items`变量会包含`arr`对象的值，即两个空数组，你可以通过`index`来获取每个元素的位置。

Vue 循环map对象拿到key值

在 Vue 中，你可以使用 `v-for` 指令循环遍历一个对象。在遍历对象时，可以使用特殊的变量 `$key` 来获取当前对象的键值。以下是一个例子：

<template>
  <div>
    <ul>
      <li v-for="(value, key) in myObject" :key="key">
        {{ key }}: {{ value }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myObject: {
        key1: 'value1',
        key2: 'value2',
        key3: 'value3'
      }
    };
  }
};
</script>

在这个例子中，我们使用 `v-for` 循环遍历了 `myObject` 对象，并将每个键值对渲染为一个列表项。在模板中，我们使用 `(value, key) in myObject` 来解构出当前对象的键值对，然后使用 `:key="key"` 来为每个列表项指定一个唯一的键值。在模板中，我们可以使用 `{{ key }}` 来获取当前对象的键值。