欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue踩坑日记之v-for嵌套遍历时不能遍历对象中的数组

程序员文章站 2022-06-23 18:04:25
...

数据如图

Vue踩坑日记之v-for嵌套遍历时不能遍历对象中的数组

网页代码

Vue踩坑日记之v-for嵌套遍历时不能遍历对象中的数组

计划效果

Vue踩坑日记之v-for嵌套遍历时不能遍历对象中的数组

实际效果

Vue踩坑日记之v-for嵌套遍历时不能遍历对象中的数组

原因:

对象嵌套了数组,数组嵌套了对象,且是多层的,因此Vue无法检测到内部的更新或增删。

解决办法:

this.$forceUpdate();//this代表的是vue对象