你是否因为无法清除cascader组件的选中状态而苦恼？
你是否因为重置表单后再次打开无法清除状态而发秃？
来了来了，看到即赚到，正确清除选中状态的姿势。（也许不是正确的姿势，但是管用）
网上找了很多关于清除选中状态的都没用
你可能用过这个 但是根本没用
<el-cascader
v-model="value"
:options="options"
ref="cascader">
</el-cascader>
// 清空级联选择器选中状态
this.$refs.cascader.$refs.panel.clearCheckedNodes()
// 清除高亮
this.$refs.cascader.$refs.panel.activePath = []
你也可能试过这个 当然也不能清除状态
reset(){
let obj = {}
obj.stopPropagation = () => {}
try{
this.$refs.enum_right.clearValue(obj)
}catch(err){
this.$refs.enum_right.handleClear(obj)
}
},
我的建议是使用v-if 重新渲染表单里的这个item
// 在关闭的时候把clearForm设置为false，打开时在设置为true 虽然加大了浏览器的开销，但是保住了头发
<el-form-item v-if="clearForm" label="单位名称" prop="organizationId">
<el-cascader v-model="form.organizationId" :options="organization"></el-cascader>
</el-form-item>
最近无法清除cascader组件的选中状态，小伙伴们都在谈论。那么怎么清除cascader组件的选中状态，很多程序员关心清除cascader组件的选中状态，下面就和小编一起来看一下吧。cascader组件是element ui的联级选择组件，用法是引入页面中。很多玩家想知道清除cascader组件的选中状态，那么它怎么清除cascader组件的选中状态呢？其实现在官方还没有这类的api。好了，这就是小编给大家分享的如何清除cascader组件的选中状态。希望大家看完这篇由小编精心整理的内容后，能对相关知识有所了解，解决你的困惑。
