antdesignvue树形表格怎么使用:expanded-row-keys

Ant Design Vue 中的 TreeTable 组件是一个用于展示层级数据的表格，`expanded-row-keys` 属性用于控制哪些行会被展开显示子节点。当你想要在初次加载时预设一些默认展开的行时，可以设置这个属性。

使用 `expanded-row-keys` 的步骤如下：

1. 在组件的 props 或者 data 中定义一个数组，存储你需要展开的节点 key，每个 key 对应于树结构中的节点 ID。例如：

data() {
  return {
    expandedRowKeys: ['1', '2', '4'], // 假设节点1、2和4默认展开
    // ...其他数据配置...
  };
},

2. 在模板中绑定该属性到 Table 的 `expanded-row-keys` 属性上：

<template>
  <a-tree-table :expanded-row-keys="expandedRowKeys">
    <!-- 表格列配置 -->
    <a-tree-table-column v-for="col in columns" :key="col.key" :title="col.title" :field="col.field" />
  </a-tree-table>
</template>

3. 当需要动态调整展开行时，比如用户点击某个节点折叠或展开，可以更新 `expandedRowKeys` 数组。