AntD of Vue table 点击选中当前行

废话不多说,直接上代码

  <a-table bordered 
  					:data-source="tableData"  
  					:columns="columns"
                   	:row-selection="{type: 'radio',
                   	selectedRowKeys: selectedRowKeys, 
                   	onChange: onSelectChange}"
                   :customRow="customRow"
   ></a-table>
   <script>
   export default {
   data(){
   	  selectedRow: [],//勾选中的row
      selectedRowKeys: [],//勾选中的row的标记
   },
   methords:{
   //自定义选中当前行的操作
    customRow(record, index) {
      const that = this;
      return {
        on: {
          // 鼠标单击行
          click: event => {
            that.selectedRow = [record]
            that.selectedRowKeys = [index]
          }
        }
      }
    },
    //table勾选
    onSelectChange(key, row) {
      this.selectedRow = row
      this.selectedRowKeys = key
    },
    }
	}
   </script>