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
108
18
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
9e887079 [skip ci] 1 年前
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> 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐