elementui cascader 取消选中 clearCheckedNodes

问题

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

官方文档

查看文档,有个clearCheckedNodes方法,不知道这个clearCheckedNodes怎么用,在网上搜了一下。

官方文档说明

网上搜的结果
给cascader设置上ref,如下:

然后调用

    // 清空选中的节点
    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')
}

你可能感兴趣的:(elementui cascader 取消选中 clearCheckedNodes)