Elementui cascader组件如何取消选中 clearCheckedNodes_el-cascader 取消选中

• 问题

在form表单中使用cascader，某些需求下会将整个表单disabled，如果此时点击了cascader，它会disabled，但弹出框不会消失。

• 查看文档

• 给cascader设置上ref

<el-cascader v-model.trim ="cId" ref="cascader" :options="category" @change="handleChange"></el-cascader>

调用

    // 清空选中的节点
    this.$refs.cascader.$refs.panel.clearCheckedNodes(); 
    // 设置为空可以让节点不高亮显示
    this.$refs.cascader.$refs.panel.activePath = []; 
 

上面的结果若不能没有解决问题。可能clearCheckedNodes有bug，去看看elementui原码。
找到原码并应用成功了：

let that = this;
if (that.$refs.cascader){
  that.$refs.cascader.$refs.panel.clearCheckedNodes()
  that.$refs.cascader.$refs.panel.activePath = []  
  that.$refs.cascader.$refs.panel.scrollIntoView()
  that.$refs.cascader.$refs.input.$refs.input.setAttribute('aria-expanded', false)
  that.$refs.cascader.$emit('visible-change', false)
  that.$refs.cascader.$refs.panel.$emit('visible-change', false)
  that.$refs.cascader.$refs.panel.$emit('close')
}

解决问题：编辑表单回显情况！以上内容仅供参考。。。