antd+vue table表格 默认勾选 编辑状态

antd+vue table表格 默认勾选 编辑状态

小功能记录一下：
table编辑时要展示已勾选的数据，折腾好久，终于找到解决办法。太开心了！
重点是selectedRowKeys。
通过赋值selectedRowKeys来控制显示勾选框。

这里展示的是部分代码

<template>
  <div>
    <a-table
      :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
      :columns="columns"
      :data-source="data"
    />
  </div>
</template>
<script>
export default {
  data() {
    return {
      data,
      columns,
      selectedRowKeys: [], // Check here to configure the default column
      loading: false,
    };
  },
  async created: {
    var result = await findUser()
    this.data = result.content //获取整个表格数据
    this.getById()
  },
  methods: {
    //获取已选中的数据
    async getById(e){
      this.selectData = await getUserByGroupId({id:this.id})
      const dataSource = [...this.selectData]
      this.selectedRowKeys = dataSource.map(o=>{return[o.id].toString()})//重点是这里
      this.addData()
    },
    onSelectChange(selectedRowKeys) {
      console.log('selectedRowKeys changed: ', selectedRowKeys);
      this.selectedRowKeys = selectedRowKeys;
    },
  },
};
</script>

selectedRowKeys 值是字符串，不是对象，记得不要传一整个对象给它
例如{id：‘123’}这是识别不了的

还有一个翻页数据丢失的问题还未处理，有小伙伴已经解决的话快来指导我一下吧