avue-tree勾选框

要控制`avue-tree`组件中的勾选框，您需要使用`setCheckedKeys`方法来设置勾选的节点。下面是一个示例：

<template>
  <div>
    <avue-tree
      :data="treeData"
      :show-checkbox="true"
      @check-change="handleCheckChange"
    ></avue-tree>
    <button @click="setSelectedKeys">设置选中节点</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: '节点1',
          id: 1,
          children: [
            { label: '子节点1', id: 11 },
            { label: '子节点2', id: 12 },
          ],
        },
        {
          label: '节点2',
          id: 2,
          children: [
            { label: '子节点3', id: 21 },
            { label: '子节点4', id: 22 },
          ],
        },
      ],
      checkedKeys: [], // 用于保存勾选的节点
    };
  },
  methods: {
    handleCheckChange(checkedKeys) {
      this.checkedKeys = checkedKeys;
    },
    setSelectedKeys() {
      // 设置选中的节点
      this.$refs.tree.setCheckedKeys(this.checkedKeys);
    },
  },
};
</script>

在上述示例中，我们使用了`show-checkbox`属性来显示勾选框，并通过`check-change`事件监听勾选状态的改变。在`handleCheckChange`方法中，我们将勾选的节点保存在`checkedKeys`中。然后，在`setSelectedKeys`方法中，我们调用`setCheckedKeys`方法来设置选中的节点，传入之前保存的`checkedKeys`数组即可。这样就可以控制`avue-tree`组件中勾选框的选中状态了。