antd vue 表格rowSelection选择框功能的使用

html部分：

<a-table
        :columns="columns"
        :data-source="showList"
        :row-selection="rowSelection"
        :rowKey="record=>record.id"
      />

功能部分：

computed: {
    rowSelection () {
      return {
        selectedRowKeys: this.dataListSelectionKeys,
        onChange: (selectedRowKeys, selectedRows, event) => {
         	//selectedRowKeys 为你点击选框时这一页选中的所有key
         	//selectedRows 为你点击选框时这一页选中的所有数据
        },
        onSelect: (record, selected, selectedRows, nativeEvent) => {
          //record 点击某一条的所有数据
          //selected 点击的一条是否被选中
        },
        onSelectAll: (selected, selectedRows, changeRows) => {
          //selected 点击全选是否选中
          //selectedRows 点击全选判断所有的选中数据
          //changeRows 所有改变选中状态的数据
        },
        getCheckboxProps: record => ({
          props: {
            // 全部默认禁止选中
            // disabled: true,
            // 某几项默认禁止选中(R: 当state等于1时)
            // disabled: record.state == 1,
            // 某几项默认选中(R: 当state等于1时)
            defaultChecked: record.state === 1
          }
        })
      }
    }
  }

标签：rowSelection,vue,selected,state,record,点击,选中,selectedRows,antd
来源： https://blog.csdn.net/m0_67400973/article/details/123419840