a-design-vue 重置多选

该博客展示了如何使用Ant Design的A-Table组件进行数据展示,包括设置行Key、边框、多选功能,并绑定了选择变化回调函数用于处理选中项。同时,文章提到了重置选择项的方法,以及分页功能的实现,如页码改变的处理和显示总条数。
摘要由CSDN通过智能技术生成

在这里插入图片描述

  <a-table
            :rowKey="(record, index) => index"
            :bordered="true"
            :rowSelection="{
              selectedRowKeys: selectedRowKeys,
              onChange: onSelectChange,
            }"
            :columns="columns1"
            :data-source="data1"
            :pagination="{
              pageSize: 10,
              total: total,
              onChange: (page, pageSize) => this.onChange(page, pageSize), //点击页码事件
              showTotal: (total) => `共 ${total} 条`,
            }"
          >
            <a slot="jobFairName" slot-scope="text">{{ text }}</a>
          </a-table>
data(){
reture {
 // 多选值
      selectedRowKeys: [],
}}
  methods: {
    onSelectChange: function (selectedRowKeys, selectedRows) {
    // 清空时需要重置第一个参数
      this.selectedRowKeys = selectedRowKeys;
      // 选择的每一行的具体信息
      this.selectedRows = selectedRows;
    },
    reset(){
 // 多选值
      this.selectedRowKeys = [],
}
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值