我正在使用 v-for 循环遍历一个对象,我需要访问键、值和索引。
我见过很多访问其中两个的方法,这很容易,但找不到如何访问所有三个。
我找到了一种解决方法,但它非常困惑且难以阅读。
<div v-for="idx in Object.keys(PointsAvailable[0]).length" :key="idx">
<PointSquare
:Value="Object.keys(PointsAvailable[0])[idx-1]"
:Availability="PointsAvailable[0][Object.keys(PointsAvailable[0])[idx-1]]"
:reference="idx-1">
</PointSquare>
</div>
有没有更好的方法来做到这一点?
最佳答案
你也可以试试v-for="(value, key, index) in PointsAvailable"
并相应地引用它们。从 Vue 文档中查看此示例
<div v-for="(value, name, index) in object">
{{ 指数 }}。 {{名称}}:{{值}}https://vuejs.org/v2/guide/list.html
关于vue.js - 如何在v-for中获取键、值和索引,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65655031/