使用antdv框架table 中的expandedRowKeys来控制可选数据需要留意的坑

312 阅读1分钟

image.png

在开发过程中,一般很少给table中的rowKey添加动态id, 导致后面操作expandedRowKeys可控数据的时候就容易忽略.

因为selectedRowKeys是和rowKey数据关联的, 如果没有把rowKey动态设置id,就会导致selectedKeys选中后的数据不是指定的id,
 <a-table
        :columns="listField"
        :dataSource="listData"
        :pagination="false"
        :rowKey="
          (record, index) => {
            return record.id;
          }
        "
        :rowSelection="{ selectedRowKeys: selectedKeys, onChange: selectedChange }"
      >
      
     
data(){
 return {
       selectedKeys: [],
    };
}


methods: {
 selectedChange(keys) {
      this.selectedKeys = keys;
    },
}

image.png