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

2023-05-16

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
          }
        })
      }
    }
  }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

antd vue 表格rowSelection选择框功能的使用 的相关文章

  • JVM内存设置

    对于jvm的设置我一直知道的很少 xff0c 有时候遇到outOfMemoryError只会一个简单的设置 Xms256m Xmx512m 有几个问题一直没搞明白 xff1a 1 jvm的内存大小究竟应该设置成多少最合适 xff1f 2 j

随机推荐