问题描述:
vue2框架下,通过数组下标修改数组数据,数据刷新,视图未更新。
代码:
const { private_categories, public_categories } = response.data;
this.allClass = []; // 初始化
this.allClass[0] = public_categories;
this.allClass[1] = private_categories;
原因分析:
由于 JavaScript 的限制,Vue 不能检测数组和对象的变化
解决方案:
const { private_categories, public_categories } = response.data;
this.allClass = []; // 初始化
this.allClass.push(public_categories); // 防止vue数据追踪失败,改用push
this.allClass.push(private_categories);
个人踩坑记录
2021年5月28日15:58:52