你是否因为无法清除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组件的选中状态。希望大家看完这篇由小编精心整理的内容后，能对相关知识有所了解，解决你的困惑。