antd table表格选中对勾,操作之后清除掉复选框对勾
template
<a-tableref="table"size="middle":rowKey="(record) => {return record.id;}":columns="columns":dataSource="tableData":loading="loading":rowSelection="rowSelection"></a-table>
javascript
const columns = [
{title: "序号",customRender: (text, record, index) => `${index + 1}`,scopedSlots: { customRender: "sn" },width: 80,fixed: "left",},{title: "名称",dataIndex: "name",},{title: "操作",scopedSlots: { customRender: "action" },width: 210,},
]
export default {data() {return {columns,loading:false,tableData:[],selectedRowKeys:[]}}computed: {rowSelection() {const { selectedRowKeys } = this;const _this = this;return {selectedRowKeys, // 一定要加上这一行代码,清除才会有作用onChange: (selectedRowKeys) => {_this.selectedRowKeys = selectedRowKeys;},};},},methods:{clearData () {this.selectedRowKeys = [] // 操作完之后再调用这个方法就有效果了}}
}