vue tree 实现全选

要实现 Vue Tree 的全选功能，可以使用以下步骤：

1. 在 tree 的数据中为每个节点添加一个 `checked` 属性，用于记录是否选中。初始值为 `false`。
2. 在 tree 组件中添加一个全选按钮或者复选框，当点击该按钮时，触发一个 `selectAll` 方法。
3. 在 `selectAll` 方法中遍历 tree 数据，将每个节点的 `checked` 属性设置为 `true`。
4. 在 tree 组件中监听每个节点的选中状态，当有节点的 `checked` 属性发生变化时，检查是否所有节点都被选中，如果是，则将全选按钮或者复选框的状态设置为选中。

以下是一个简单的实现示例：

<template>
  <div>
    <input type="checkbox" v-model="allChecked" @change="selectAll"/> 全选
    <ul>
      <li v-for="node in treeData" :key="node.id">
        <input type="checkbox" v-model="node.checked"/> {{ node.label }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        { id: 1, label: 'Node 1', checked: false },
        { id: 2, label: 'Node 2', checked: false },
        { id: 3, label: 'Node 3', checked: false }
      ]
    }
  },
  computed: {
    allChecked() {
      return this.treeData.every(node => node.checked)
    }
  },
  methods: {
    selectAll() {
      this.treeData.forEach(node => {
        node.checked = true
      })
    }
  }
}
</script>