vue - element 全选

5 篇文章 0 订阅
3 篇文章 0 订阅

问题1:点击全选,所有页数数据全部选择
问题2:分页选择 实现记忆选择
在这里插入图片描述
1:分页选则
row-key 和 reserve-selection 一定要搭配使用
在这里插入图片描述
将 getRowKeys 写到 method 里面

			getRowKeys(row) {
				//返回id
                return row.id;
            },

2:点击全选:
在这里插入图片描述

			allChecked(){
                 this.all_checked = true;
                 let arr = this.expore;
                 if(arr){
                     arr.forEach(row => {
                     	//multipleTable 和table ref 里面参数一样 
                     	//取消全选this.$refs.multipleTable.clearSelection();
                         this.$refs.multipleTable.toggleRowSelection(row);
                     });
                 }
                 this.loadData()
            }

博主遇到一个问题,当数据在上千条,点击全选的时候系统会崩溃,友友们有没有好的解决方法?

2021-10-26更新
解决这个问题:
其实在点击全选的时候,我们已经拿到所有数据的id了,只需要,获取到当前这一页的id,将值选中,用户在点击第二页的时候将第二页的数据选中(这样制造出一个假象,让用户以为已经全选)。
之后再进行全选后的操作就可以了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值