vue.js3 setup风格 element-ui 级联选择器clearCheckedNodes使用方法

Cascader 级联选择器 | Element Plus

官方文档里提到可以清空选中节点，使用clearCheckedNodes()方法：

 

具体用法：

1 先了解vue3 setup中怎么获取ref

获取方法非常简单，在需要获取的组件里写ref，在setup里定义同名空ref，就会自动获取了

定义ref：

在setup里定义同名空ref：

  const multipleTable = ref()

然后操作multipleTable，就可以同步操作cascader里面的ref了

2 调用clearCheckedNodes()

调用方法：

multipleTable.value.panel.clearCheckedNodes()

这样就可以了

整个栗子：