layui切换tab选项卡重载table调用两次接口的解决方案

这段代码展示了如何在JavaScript中处理tab切换事件。当tab被切换时,它获取当前tab项的下标并将其存储在变量tabindex中。如果已激活的tab与新选中的tab相同,则不执行任何操作。否则,更新sts状态并使用此状态重新加载表格数据,同时设置新的页面为第一页并调整表格高度。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

var tabindex;
		element.on('tab(tabTitle)', function(data){
			console.log(data.index); // 得到当前 tab 项的所在下标
			if(tabindex === data.index){
				console.log('index',data.index);
				return ;
			}
			tabindex = data.index;
			sts=$(this).attr('data-val');
			where.sts=sts;  //状态
			table.reload(tableId,{
				where: where,
				page: {
					curr: 1
				}
				, height: 'full-200'
			});


		});

在tab切换事件外定义变量tabindex, 再在切换事件中判断tabindex==data.index 相等就return

tabindex重新赋值data.index。

做个简单记录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

东云180

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值