antd table表格选中对勾,操作之后清除掉复选框对勾

template

  <a-table
      ref="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 = [] // 操作完之后再调用这个方法就有效果了
		}
	}
}


GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐