element Cascader级联选择框clearCheckedNodes失效的解决办法

问题:
当我只选择了父级选项,并没有选择二级选项,然后关闭弹框后再次打开弹框,此时仍然保留了上次选中的父级选项 (重新打开图二需回到图一)
 
图一
0
图二
 
0
 
解决:
找了一圈!!!就这个方法有效。
 
<el-cascader 
   ref="cascade" 
   v-model="value"
   :options="options"
   @change="handleChange">
</el-cascader>         
            
             
this.$refs.cascade.$refs.panel.checkedValue = []; // 清空选中值
this.$refs.cascade.$refs.panel.clearCheckedNodes(); // 清空级联选择器选中状态
this.$refs.cascade.$refs.panel.activePath = []; // 清除高亮
this.$refs.cascade.$refs.panel.syncActivePath(); // 初始化(只展示一级节点) 

 

  

 
posted @ 2022-12-15 16:44  放晴的天空  阅读(1187)  评论(0编辑  收藏  举报