vue+Ant 绑定选择某行事件

在a-table里rowSelection=“rowSelection”

<a-table
  ref="table"
  size="middle"
  bordered
  rowKey="id"
  :columns="columns"
  :dataSource="dataSource"
  :pagination="ipagination"
  :loading="loading"
  :rowSelection="rowSelection"
  :scroll="tableScroll"
  @change="handleTableChange">

在data里重写rowSelection

rowSelection:{type:'radio',selectedRowKeys:[],onChange:this.onSelect},//绑定选择某行事件

methods:

onSelect(selectedRowKeys){
   this.rowSelection.selectedRowKeys = selectedRowKeys;
},
//自定义onClearSelected方法
onClearSelected(){
   this.rowSelection.selectedRowKeys = [];
},
onSelect(){
	//对是否选中单选框加判断
  if(this.rowSelection.selectedRowKeys.length != 1){
      this.$message.warning('请选择一条数据');
      return;
   }
   //我们都知道数据是存在dataSource里，所以取dataSource选中的那条数据
   let record = this.dataSource[this.rowSelection.selectedRowKeys[0]];
   //弹窗输出刚出的某一列数据
   alert(record.num);
   },