首页 > 编程语言 >element Cascader级联选择框clearCheckedNodes失效的解决办法

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

时间:2022-12-15 16:58:44浏览次数:54  
标签:级联 clearCheckedNodes refs element cascade 选中 Cascader panel

问题: 当我只选择了父级选项,并没有选择二级选项,然后关闭弹框后再次打开弹框,此时仍然保留了上次选中的父级选项 (重新打开图二需回到图一)   图一 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(); // 初始化(只展示一级节点) 

 

  

 

标签:级联,clearCheckedNodes,refs,element,cascade,选中,Cascader,panel
From: https://www.cnblogs.com/tuspring/p/16985444.html

相关文章