vueantdesigntable中rowSelection属性的应⽤
1.当table中添加单选框时
<a-table
:rowSelection="{type:'radio',onChange:onSelectChange,selectedRowKeys}"
></a-table>
2.点击⾏时能选中整⾏的内容
<a-table
:customRow="handleCheck"
:rowSelection="{type:'radio',onChange:onSelectChange,selectedRowKeys}"
></a-table>
handleCheck(record, index) {
return {
on: {
click: () => {
let code = deType;
if (this.selectedRowKeys) {
this.selectedRowKeys = [];
}
if (this.selectedRows) {
this.selectedRows = [];
}
this.selectedRowKeys.push(record[code]);
this.selectedRows.push(record);
}
}
};
},
3.当table在弹框中时，选中的内容没有点击确定时，在打开弹框应该显⽰已经选中的内容⽽不是显⽰上次取消时选中的内容答：因为使table处于选中状态是因为this.selectedRowKeys 和this.selectedRows⾥⾯有值，所以我们需要在定义两个数组，数组saveRows 和saveRowKeys，
当点击确定使将this.selectedRowKeys 和this.selectedRows赋值给saveRows 和saveRowKeys
当打开弹框时将saveRows 和saveRowKeys赋值给this.selectedRowKeys 和this.selectedRowsantdesignvue 表格合计

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。