Ant Design Vue - 手动清空表格复选框勾选状态（复选框打勾残留）

前言

问题描述： 组件配置好复选框后，根据官网例子发现勾选也能取到值，但官网没提供清除复选框残留问题。

例如，当勾选数据后，点击【设置办案人】操作完成后，一般业务需求情况下需要清空复选框勾选（打勾）的残留，不能用户设置完相关操作后，你的复选框依然处于选中状态，

你必须执行完操作后，手动清空复选框勾选状态，如下图所示：

解决方案

注意：rowKey 配置也非常重要，这与复选框紧密相关。

根据以下示例方法进行，最后在你的业务逻辑完成后调用相关方法。

	
		清空复选框(业务完成后)
		
	

export default {
  data () {
    return {
        selectedRowKeys: [],//复选框数据
    }
  },
  
  methods: {
  
  	/**
     * 复选框变化时触发
     * @description 表格复选框逻辑(赋值本地data数据)
     * @param {Object} selectedRowKeys - 选中行的id
     * @param {Object} selectedRows - 整row行数据
     * @return void
     */
    onSelectChange: function(selectedRowKeys, selectedRows) {
      // 用哪个根据实际业务需求
      // console.log(selectedRowKeys, selectedRows)
      
      // 赋值同步本地data接受数据(我这里只取id即可)
      this.selectedRowKeys = selectedRowKeys
	},

	/**
     * 清空表格复选框
     * @description 业务完成后调用此方法！
     * @return void
     */
    resetSelect: function() {
      this.selectedRowKeys = []
    },
    
  }
}

SEO ant design vue table清空选中，antd vue表格组件添加复选功能 残留问题，表格批量删除后选中框残留问题，ant中table表格的多选框如何清空，ant design table 复选框，操作之后有残留，解决antd-vue表格批量操作选中框仍残留的问题，当我们批量删除数据后，表格的数据内容更新了，但是每行前面的选中框还是选中的状态，有残留，