vue3+ts+element-plus 树形控件默认选中

你可以使用element-plus中的tree组件的default-checked-keys属性来设置树形控件的默认选中项。这个属性接收一个数组，数组中的每个元素都是树形控件中一个节点的key值。例如：

<template>
  <el-tree
    :data="treeData"
    :default-checked-keys="defaultCheckedKeys"
    :props="defaultProps"
    show-checkbox
  ></el-tree>
</template>

<script>
import { defineComponent } from 'vue';
export default defineComponent({
  data() {
    return {
      treeData: [
        {
          id: 1,
          label: '节点1',
          children: [
            {
              id: 11,
              label: '节点1-1',
            },
            {
              id: 12,
              label: '节点1-2',
            },
          ],
        },
        {
          id: 2,
          label: '节点2',
        },
      ],
      defaultCheckedKeys: ['11', '12'], // 设置节点1-1和节点1-2默认选中
      defaultProps: {
        children: 'children',
        label: 'label',
        value: 'id',
      },
    };
  },
});
</script>

在上面的例子中，我们将default-checked-keys属性设置为['11', '12']，表示节点1-1和节点1-2默认选中。注意，我们还需要将show-checkbox属性设置为true，以便显示复选框。另外，我们也可以通过props属性来设置树形控件的节点属性，例如label、value等。