vue antd a-table配置表格单选多选

  ref="table"

  size="default"

  bordered

  rowKey="id"

  :columns="columns"

  :dataSource="dataSource"

  :pagination="ipagination"

  :loading="loading"

  :rowSelection="{selectedRowKeys:selectedRowKeys,onChange:onSelectChange,type:'radio'}"

//注释:配置参数 type类型  默认值为 Checkbox 多选  

            配置参数 type类型  默认值为 radio多选

  :scroll="{x: 3200}"

  :showHeder="true"

  @change="handleTableChange">


js

onSelectChange(selectedRowKeys, selectionRows) {

 //selectedRowKeys为数组  , 相当于修改的哪一项 。  

//selectionRows为数组, 数组内为对应项的数据

this.selectedRowKeys = selectedRowKeys

this.selectionRows = selectionRows

},

你可能感兴趣的:(vue antd a-table配置表格单选多选)