vue 视图不更新

数据格式定义:

list:{
    1:[],
    2:[],
    3:[]
}

1. 原因：若在上述的数据格式的情况下，采用如下方式，进行赋值，vue是不会进行渲染的

list[index] = data;

2. 解决方法：采用官方的 this.$set

// list 为对应对象 {[1,2,4],[3,5]}
// index 为 list 对应下标
// data 为将要赋值的数据

this.$set(list,index,data);

1. 原因：对象多层嵌套
2. 解决方法：对最顶层数据重新赋值

// 利用 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
    }
]