ant design vue table表格radio单选

<a-table
  ref="table"
  size="middle"
  :scroll="{x: 1500}"
  bordered
  rowKey="id"
  :columns="columns"
  :dataSource="dataSource"
  :pagination="ipagination"
  :loading="loading"
  :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type: 'radio'}"
  :customRow="customRowFn"
  @change="handleTableChange">
</a-table>
methods:{
data(){
	return {
		selectedRowKeys: [],
		selectionRows: []
	}
},
	onSelectChange(selectedRowKeys, selectionRows) {
   	this.selectedRowKeys = selectedRowKeys
     this.selectionRows = selectionRows
   },
   //点击一条数据
	customRowFn(record) {
	    let that = this
	    return {
	      on: {
	        click: () => {
	          let keys = [];
	          keys.push(record.id);
	          this.selectionRows.push(record);
	          this.selectedRowKeys = keys;
	        }
	      }
	    }
	  }
}

你可能感兴趣的:(Vue,vue.js,前端)