如何从表格中多选框里面获取到已勾选行的值

Question

                   vue+antd

antd 表格组件中有一个联动的选择框
其代码是这样的

computed: {
    rowSelection() {
      return {
        onChange(selectedRowKeys, selectedRows){
          console.log(
            `selectedRowKeys: ${selectedRowKeys}`,
            'selectedRows: ',
            selectedRows
          )
        },
        getCheckboxProps: (record) => ({
          props: {
            disabled: record.name === 'Disabled User', // Column configuration not to be checked
            name: record.name
          }
        })
      }
    }

我就想知道 如何再这里面把onchange中的selectedRows拿出来用做批量删除的功能。

Answer 1

你可以阅读一下官方的Demo,在展开的代码片段，onSelectChange中有一个赋值操作

onSelectChange(selectedRowKeys)  {
    console.log('selectedRowKeys changed: ', selectedRowKeys);
    this.selectedRowKeys = selectedRowKeys; // 赋值操作
},

你直接使用selectedRowKeys这个数组去做业务操作即可。