vue3树形控件清空默认勾选

要清空 Vue3 树形控件的默认勾选，可以通过以下步骤实现：

1. 在组件的 data 中添加一个数组属性，用于存储选中的节点数据。

2. 在树形控件的节点模板中，绑定 checkbox 的选中状态到节点数据中，例如：

<template>
  <div>
    <div v-for="node in nodes" :key="node.id">
      <input type="checkbox" :checked="selectedNodes.includes(node)" @change="handleNodeSelect(node)">
      {{ node.label }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      nodes: [], // 树形控件的节点数据
      selectedNodes: [], // 选中的节点数据
    };
  },
  methods: {
    handleNodeSelect(node) {
      if (this.selectedNodes.includes(node)) {
        // 如果节点已经选中，则从选中的节点数据中移除
        this.selectedNodes = this.selectedNodes.filter(n => n !== node);
      } else {
        // 如果节点未选中，则添加到选中的节点数据中
        this.selectedNodes.push(node);
      }
    },
  },
};
</script>

3. 在需要清空选中状态的时候，可以通过将选中的节点数据数组清空来实现：

this.selectedNodes = [];

这样就可以清空 Vue3 树形控件的默认勾选了。