vue3使用element-plus 树组件（el-tree）数据回显

在Vue 3中使用Element Plus的el-tree组件进行数据回显，你需要将所选节点的key数组传递给el-tree组件的:default-checked-keys属性（如果是多选）或者:default-expanded-keys属性（如果是展开状态的回显）。

以下是一个简单的例子：

<template>
  <el-tree
    :data="treeData"
    :props="defaultProps"
    :default-checked-keys="checkedKeys"
    :default-expanded-keys="expandedKeys"
    show-checkbox
    node-key="id"
  />
</template>
 
<script setup>
import { ref } from 'vue';
 
const treeData = [
  { id: 1, label: '节点1', children: [{ id: 2, label: '节点1-1' }] },
  { id: 3, label: '节点2', children: [{ id: 4, label: '节点2-1' }] }
];
 
const defaultProps = {
  children: 'children',
  label: 'label'
};
 
// 假设这是你需要回显的节点的key数组
const checkedKeys = ref([2]);
const expandedKeys = ref([1]);
</script>

在这个例子中，treeData是树组件的数据源，defaultProps定义了树组件如何访问节点的子节点和标签，checkedKeys和expandedKeys分别是需要回显为选中和展开状态的节点的id数组。记得在实际应用中将这些数据替换为你的实际数据。