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

                   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拿出来用做批量删除的功能。

阅读 3.7k
1 个回答

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题