vue3中拿到el-tree复选框选中的值

在 Vue3 中，可以通过使用 `v-model` 绑定数据以及监听 `check-change` 事件来拿到 `el-tree` 复选框选中的值。

首先，在 `el-tree` 标签中，使用 `v-model` 绑定一个数组，用于存储选中的节点的数据：

<el-tree
  :data="treeData"
  show-checkbox
  node-key="id"
  v-model="checkedNodes"
  @check-change="handleCheckChange"
></el-tree>

其中，`checkedNodes` 是一个数组，用于存储选中的节点的数据。

然后，在 Vue 实例中，可以定义一个 `handleCheckChange` 方法来监听 `check-change` 事件，并在方法中获取选中的节点数据：

export default {
  data() {
    return {
      treeData: [
        // 树形结构数据
      ],
      checkedNodes: [] // 用于存储选中的节点数据
    };
  },
  methods: {
    handleCheckChange(checkedNodes) {
      this.checkedNodes = checkedNodes;
      console.log('选中的节点数据：', checkedNodes);
    }
  }
};

在 `handleCheckChange` 方法中，`checkedNodes` 参数即为选中的节点数据，将其存储在 `checkedNodes` 数组中即可。