html部分:
<a-table
        :columns="columns"
        :data-source="showList"
        :row-selection="rowSelection"
        :rowKey="record=>record.id"
      />
功能部分:
computed: {
    rowSelection () {
      return {
      // type: 'radio', // 是否为单选
        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
          }
        })
      }
    }
  }
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐