想要的效果:v-model动态变化,刷新cascader 的显示
this.$forceUpdate() //作用:强制刷新
这个是v-model 的变量的值变了,但页面没改变
点击删除按钮,但UI组件没有跟着变化
<el-cascader-panel
v-if="isShowAddressInfo"
v-model="cascaderVal"
@change="cascaderChange"
:options="options"
:props="{label:'value',leaf: 'key', multiple: true, checkStrictly: false}"
collapse-tags
clearable></el-cascader-panel>
用v-if解决
delCascader(index) {
this.isShowAddressInfo = false;
this.cascaderVal.splice(index, 1)
this.$nextTick(() => {
this.isShowAddressInfo = true;
});
},
这样点击删除,UI组件就会跟着变化了