Javascript Vue引用存在，但引用[key]未定义

我有一堆使用v-for循环动态渲染的复选框。我将引用设置为特定于该复选框的id。在mounted（）中，我打印引用。然后我打印引用[id]并得到未定义

代码：

结果:

---

知道这是怎么回事吗？我知道引用文件的存在是因为它已装入并正在打印。如果我尝试将引用更改为等于其他内容，它仍然不起作用。谢谢。

将refs与v-for一起使用时，组件/DOM节点作为数组直接存储到变量名中

比如说

<list-item
v-for="item in items" 
:key="item.id"
:value="item.value"
ref="items"
/>

---

我猜您的控制台日志中的

i

状态与刚才计算的类似。所以最喜欢的是当你进入人生的那一刻，他们不存在。这就是我一直在寻找的答案。我试图给每个复选框一个唯一的引用。

<list-item
v-for="item in items" 
:key="item.id"
:value="item.value"
ref="items"
/>

this.$refs.items[index]