vue3 antd 树形表格怎么指定展开节点

在 Ant Design Vue 3 中，你可以通过 `expanded-row-keys` 属性来指定展开节点。这个属性接受一个数组，数组中的每个元素代表一个需要展开的节点的 key 值。

以下是一个示例：

<template>
  <a-table :columns="columns" :data-source="data" :expanded-row-keys="expandedRowKeys">
    <template #expanded-row="record">
      <p>{{ record.description }}</p>
    </template>
  </a-table>
</template>

<script>
import { defineComponent } from 'vue';
import { Table } from 'ant-design-vue';

export default defineComponent({
  components: { Table },
  data() {
    return {
      columns: [
        { title: '名称', dataIndex: 'name', key: 'name' },
        { title: '描述', dataIndex: 'description', key: 'description' },
      ],
      data: [
        {
          key: '1',
          name: '节点1',
          description: '这是节点1的描述',
          children: [
            {
              key: '1-1',
              name: '节点1-1',
              description: '这是节点1-1的描述',
            },
          ],
        },
        {
          key: '2',
          name: '节点2',
          description: '这是节点2的描述',
          children: [
            {
              key: '2-1',
              name: '节点2-1',
              description: '这是节点2-1的描述',
            },
            {
              key: '2-2',
              name: '节点2-2',
              description: '这是节点2-2的描述',
            },
          ],
        },
      ],
      expandedRowKeys: ['1'],
    };
  },
});
</script>

在上面的示例中，我们在 `data` 中定义了两个节点，每个节点都有自己的 `key` 值。在 `expandedRowKeys` 属性中，我们指定了需要展开的节点的 `key` 值为 `['1']`，这样在渲染表格时，节点1就会自动展开。同时我们通过 `<template #expanded-row>` 来指定了展开后的内容。

如果你需要动态指定展开的节点，可以在 `expandedRowKeys` 中使用 `v-model` 双向绑定一个变量，然后在需要展开节点的时候修改这个变量即可。