element-plus树节点的选择

使用element-plus树相关组件时，老是能遇到各种各样的问题，例如之前写的文章中，key值如果不是唯一性，则会导致数据不能及时刷新的问题。

今天遇到的问题是勾选问题。问题复现如下图所示，我们发现element-plus中的tree组件有一个setChecked方法，需要传递的是三个参数，1. 要选中的节点的 key 或者数据 2. 一个布尔类型参数表明是否选中. 3. 一个布尔类型参数表明是否递归选中子节点。在我的项目中，传过去的是node-key绑定的id值，true，false。然后问题就出现了。

2024-09-19 19-38-00

解决办法就是，利用setCheckedKeys这个方法，传递两个参数，一个为空数组[]，另一个是false。也就是官方案例中的reset方法绑定的函数。

const resetChecked = () => {
  treeRef.value!.setCheckedKeys([], false)
}