vue elementui tree树形控件怎样控制选节点

要控制 Vue ElementUI Tree 树形控件中选中节点的状态，可以使用 `default-checked-keys` 或 `default-expanded-keys` 属性来设置默认选中和展开的节点。如果需要动态控制选中节点，可以使用 `v-model` 绑定一个数组，数组中存储选中节点的 key 值。

具体来说，可以按照以下步骤进行：

1. 在组件中定义一个数组，用于存储选中节点的 key 值，例如：

data() {
  return {
    checkedKeys: []
  };
},

2. 在 Tree 组件上使用 `v-model` 将选中的节点 key 值与上面定义的数组进行双向绑定，例如：

<el-tree
  v-model="checkedKeys"
  :data="data"
  show-checkbox
  :default-checked-keys="['1001']"
  :default-expanded-keys="['1']"
  node-key="id"
  :props="defaultProps"
></el-tree>

其中，`checkedKeys` 即为上文中定义的数组，`data` 为 Tree 组件的数据源，`show-checkbox` 表示显示复选框，`default-checked-keys` 和 `default-expanded-keys` 分别用来设置默认选中和展开的节点，`node-key` 表示节点的唯一标识，`defaultProps` 用来配置节点的属性。

3. 在需要控制选中状态的地方，修改 `checkedKeys` 数组即可。例如，可以在 Tree 组件的 `node-click` 事件中进行修改，例如：

<el-tree
  ...
  @node-click="handleNodeClick"
></el-tree>

methods: {
  handleNodeClick(data, node) {
    if (this.checkedKeys.includes(data.id)) {
      this.checkedKeys.splice(this.checkedKeys.indexOf(data.id), 1);
    } else {
      this.checkedKeys.push(data.id);
    }
  }
}

在上面的例子中，`handleNodeClick` 方法会在节点被点击时触发，如果当前节点的 key 值已经存在于 `checkedKeys` 数组中，则从数组中删除该值，否则将该值添加到数组中。这样就可以动态控制选中节点的状态了。