antd vue 表格的自动展开行

业务需求是加了二级目录后自动展开该项，

开始使用的是 table的 defaultExpandedRowKeys这个属性，然后发现问题，这个属性只是在第一次渲染的时候有效，后面动态增加目录是不起作用，研究后转用 expandedRowKeys这个属性

<a-table size="middle" @expand="onExpand" :expandedRowKeys="expandedRowKeys" rowKey="id"
	:columns="columns" :dataSource="dataSource"
</table>




  data() {
    return {
      expandedRowKeys: [],
      }
   },

methods: {
    onExpand(bool, row) {
      if (bool) {
        this.expandedRowKeys = [...this.expandedRowKeys, row.id]
      } else {
        const index = this.expandedRowKeys.findIndex((e) => e === row.id)
        const newArray = [...this.expandedRowKeys]
        newArray.splice(index, 1)
        this.expandedRowKeys = newArray
      }
    },
}