vue+this.$set+Vue.set的使用

1、html代码

<el-row> <el-col> <span>1：{objectValue.value}}{objectArrayValue.value[0]}}{objectArrayObjectValue.value[0].value}}{arrayValue[0]}}{arrayObjectValue[0].value}}{arrayObjectArrayValue[0].value[0]}} if (type == 1) { this.value = type; // 更新成功 // this.$set(this, 'value', type); // 更新成功 // Vue.set(this, 'value', type); // 更新成功 } else if (type == 2) { this.objectValue.value = 2; // 更新成功 // this.$set(this.objectValue, 'value', type); // 更新成功 // Vue.set(this.objectValue, 'value', type); // 更新成功 } else if (type == 3) { // this.objectArrayValue.value[0] = type; // 更新失败 this.$set(this.objectArrayValue.value, 0, type); // 更新成功 // Vue.set(this.objectArrayValue.value, 0, type); // 更新成功 } else if (type == 4) { this.objectArrayObjectValue.value[0].value = type; // 更新成功 // this.$set(this.objectArrayObjectValue.value[0], 'value', type); // 更新成功 // Vue.set(this.objectArrayObjectValue.value[0], 'value', type); // 更新成功 } else if (type == 5) { // this.arrayValue[0] = type; // 更新失败 this.$set(this.arrayValue, 0, type); // 更新成功 // Vue.set(this.arrayValue, 0, type); // 更新成功 } else if (type == 6) { this.arrayObjectValue[0].value = type; // 更新成功 // this.$set(this.arrayObjectValue[0], 'value', type); // 更新成功 // Vue.set(this.arrayObjectValue[0], 'value', type); // 更新成功 } else if (type == 7) { // this.arrayObjectArrayValue[0].value[0] = type; // 更新失败 // this.$set(this.arrayObjectArrayValue[0].value, 0, type); // 更新成功 Vue.set(this.arrayObjectArrayValue[0].value, 0, type); // 更新成功 } } 

3、完成代码

gitee(码云) - mj01分支 - vue_set 文件夹

4、相关链接

CSDN-vue中的$set和Vue.set方法