I am using v-for to loop through an object, I need to access the key, the value, and the index. I've seen many ways to access two of them, that's easy, but can't find how to access all three.
I found a workaround but it's horribly messy and pretty unreadable.
<div v-for="idx in Object.keys(PointsAvailable).length" :key="idx"> <PointSquare :Value="Object.keys(PointsAvailable)[idx-1]" :Availability="PointsAvailable[Object.keys(PointsAvailable)[idx-1]]" :reference="idx-1"> </PointSquare> </div>
Is there a better way of doing this?