elementUI cascader 删除事件

最新推荐文章于 2024-04-01 14:41:48 发布

Object_prototype

最新推荐文章于 2024-04-01 14:41:48 发布

阅读量1.6k

点赞数 1

文章标签： js vue

本文链接：https://blog.csdn.net/Object_prototype/article/details/113055217

版权

想要的效果：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组件就会跟着变化了