废话不多说,直接上代码
<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>