数据格式定义:
list:{
1:[],
2:[],
3:[]
}
- 原因：若在上述的数据格式的情况下，采用如下方式，进行赋值，vue是不会进行渲染的
list[index] = data;
- 解决方法：采用官方的 this.$set
// list 为对应对象 {[1,2,4],[3,5]}
// index 为 list 对应下标
// data 为将要赋值的数据
this.$set(list,index,data);
- 原因：对象多层嵌套
- 解决方法：对最顶层数据重新赋值
// 利用 JSON.parse
let data = JSON.parse(JSON.stringify(this.form.serviceMoneyId));
this.form.serviceMoneyIdObj = {};
this.form.serviceMoneyIdObj = JSON.parse(JSON.stringify(data));
// 利用解构
let data = [
...data,
[name]:{
id:id,
code:code
}
]
网友评论