如何使用 VueJS 中的 v-for 访问多维数组内对象的属性？
var arr =[{"fruit": {"fruitName": "apple"}, "vegetable":[{"vegetableName": "carrot" }]}];
尝试打印它:
<ul v-for="x in arr">
<li>{{ x.fruit.fruitName }}</li>
<li>{{ x.vegetable.vegetableName }}</li>
</ul>
只能打印fruitname，无法访问数组内部的属性。
最佳答案
使用 0 索引来获取值，因为它是数组内嵌套对象的属性。
<li>{{ x.vegetable[0].vegetableName }}</li>
<!-- --^^^-- -->
关于javascript - 使用 Vue JS 访问多维数组，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47378325/