vue循环arr{1:[],2:[]}怎么能拿到1
时间: 2024-12-23 17:18:12 浏览: 3
在Vue中,当你通过`v-for`指令遍历一个数组嵌套结构时,可以直接访问到当前迭代的值。对于像`arr = {1: [], 2: []}`这样的对象,你可以这样做:
```html
<ul>
<li v-for="(value, key) in arr" :key="key">
{{ key }}
</li>
</ul>
```
在这个例子中,当遍历`arr`时,每项会渲染成一个列表项,并显示对应的键名,所以你可以通过`{{ key }}`获取到当前的索引`1`。
如果你想在模板内部操作这个值,可以将它绑定到一个组件的数据属性,然后在模板中引用那个属性:
```html
<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`来获取每个元素的位置。
阅读全文