elementplus中setCheckedKeys怎么用

`setCheckedKeys` 是 Element Plus 中树形控件 `ElTree` 的一个方法，用于设置树形节点的选中状态。该方法需要传入一个数组参数，参数中包含需要选中的节点的 key 的值。

使用示例：

1. 在模板中使用 `ElTree` 组件，并绑定 `setCheckedKeys` 方法。

<template>
  <div>
    <el-tree
      ref="tree"
      :data="treeData"
      :props="defaultProps"
      show-checkbox
      :default-checked-keys="defaultCheckedKeys"
      @check="handleCheck"
    ></el-tree>
    <el-button type="primary" @click="setSelectedKeys">设置选中节点</el-button>
  </div>
</template>

2. 在组件的 `methods` 中定义 `setSelectedKeys` 方法，并在方法中调用 `setCheckedKeys` 方法。

export default {
  data() {
    return {
      treeData: [
        {
          id: 1,
          label: '节点1',
          children: [
            {
              id: 2,
              label: '节点1-1'
            },
            {
              id: 3,
              label: '节点1-2'
            }
          ]
        },
        {
          id: 4,
          label: '节点2'
        },
        {
          id: 5,
          label: '节点3'
        }
      ],
      defaultProps: {
        children: 'children',
        label: 'label'
      },
      defaultCheckedKeys: [2, 4]
    };
  },
  methods: {
    setSelectedKeys() {
      const selectedKeys = [3, 5];
      this.$refs.tree.setCheckedKeys(selectedKeys);
    },
    handleCheck(checkedKeys) {
      console.log(checkedKeys);
    }
  }
};

在上述示例中，我们定义了一个 `setSelectedKeys` 方法，在该方法中调用了 `setCheckedKeys` 方法来设置选中的节点。在 `ElTree` 组件中，我们设置了 `show-checkbox` 属性，使得树形节点前面出现复选框。同时，我们还可以通过 `default-checked-keys` 属性来设置默认选中的节点。当节点被选中或取消选中时，会触发 `check` 事件，并将选中的节点的 key 的值作为参数传递给事件处理函数 `handleCheck`。