数据如图
![Vue踩坑日记之v-for嵌套遍历时不能遍历对象中的数组_前端](https://s2.51cto.com/images/blog/202107/02/e6049d2d85220a95917de9a350228ae0.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
网页代码
![Vue踩坑日记之v-for嵌套遍历时不能遍历对象中的数组_js_02](https://s2.51cto.com/images/blog/202107/02/454eca91134951bf5629542dce85d10e.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
计划效果
![Vue踩坑日记之v-for嵌套遍历时不能遍历对象中的数组_前端_03](https://s2.51cto.com/images/blog/202107/02/463b081835d019c4463681dde36339cc.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
实际效果
![Vue踩坑日记之v-for嵌套遍历时不能遍历对象中的数组_json_04](https://s2.51cto.com/images/blog/202107/02/290d7577b926e20fc23b5f20f2544e9d.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
原因:
对象嵌套了数组,数组嵌套了对象,且是多层的,因此Vue无法检测到内部的更新或增删。
解决办法:
this.$forceUpdate();//this代表的是vue对象
humorchen ©著作权
文章标签 前端 vue javascript js json 文章分类 JavaScript 前端开发
数据如图
网页代码
计划效果
实际效果
原因:
对象嵌套了数组,数组嵌套了对象,且是多层的,因此Vue无法检测到内部的更新或增删。
解决办法:
this.$forceUpdate();//this代表的是vue对象
阅读目录default.htmlindex.phpPromise对象中[[PromiseResult]]的
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M