Ant design vue table 單擊行選中 勾選checkbox

最近了解Ant design 設計table 單擊行選中checkedbox功能，相比於element的 @row-click 再觸發toggleRowSelection，ant design的api就沒那么清晰了，言歸正傳

期望:Ant design table 單擊行選中 勾選checkedbox

實現:

 

 

單選： 
onClickRow(record) {
    return {
        on: {
            click: () => {
                let keys = [];
                keys.push(record.id); 
                this.selectedRowKeys = keys;
            }
        }
    }
}
多選：
onClickRowMulti(record) { 
return { 
   on: { 
      click: () => { 
          let rowKeys=this.selectedRowKeys
          if(rowKeys.length>0 && rowKeys.includes(record.id)){
            rowKeys.splice(rowKeys.indexOf(record.id),1)
          }else{
           rowKeys.push(record.id)
          }
          this.selectedRowKeys = rowKeys; 
        } 
      } 
   } 
}