ant design vue table清空选中
直接上代码,简单粗暴<template><div><a-tableref="table"size="middle":scroll="{x:true}"borderedrowKey="id":columns="columns":dataSource="dataSource":pagination="ipaginatio
·
直接上代码,简单粗暴
<template>
<div>
<a-table
ref="table"
size="middle"
:scroll="{x:true}"
bordered
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange,type:'radio'}"
tableLayout="fixed"
width='80%'
@change="handleTableChange"
class="j-table-force-nowrap"
>
</a-table>
</div>
</template>
export default {
data () {
return{
selectedRowKeys:[],
selectedRows:[],
}
},
methods:{
//选中状态改变
onSelectChange(selectedRowKeys, selectedRows){
this.selectedRowKeys = selectedRowKeys
this.selectedRows = selectedRows
},
// 清空选中
clearChecked(){
this.selectedRowKeys = []
this.selectedRows = []
}
}
}
ok~
更多推荐
已为社区贡献4条内容
所有评论(0)