如何避免layui tab重复添加问题?

2026-04-08 15:040阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计739个文字,预计阅读时间需要3分钟。

如何避免layui tab重复添加问题?

Clayui中Tab的添加:重复添加,无自动跳转,让人烦恼许久。我经过长时间解决,发现可以这样处理:点击不同按钮生成对应Tab,再点击则不会重复添加(例如:首页)。

layui中tab的添加:重复添加,没有自动跳转肯定让你烦了很久吧,我也是花了很久才解决的

前提是这样的:我点击不同按钮生成对应tab,而且再点击前已经有一个tab了(比如说:‘首页‘,个人需求而已)

我的思路是这样的:每添加一个tab用链表存储其id,通过id判断是否存在,并确定是添加tab还是跳转到指定tab。

删除时,监听tab的删除,然后从链表里删除对应id。但是在element.on('tabDelete',function(data){});中得不到你删除tab的id。有幸的是,能得到下标:data.index。我用其表示链表中的‘第几个元素',因为data.index的值是“流动”的,以这种方式表示(考虑到操作的方式)很适合用链表来形容(建议你自己console.log(data.index)来看看)。

阅读全文

本文共计739个文字,预计阅读时间需要3分钟。

如何避免layui tab重复添加问题?

Clayui中Tab的添加:重复添加,无自动跳转,让人烦恼许久。我经过长时间解决,发现可以这样处理:点击不同按钮生成对应Tab,再点击则不会重复添加(例如:首页)。

layui中tab的添加:重复添加,没有自动跳转肯定让你烦了很久吧,我也是花了很久才解决的

前提是这样的:我点击不同按钮生成对应tab,而且再点击前已经有一个tab了(比如说:‘首页‘,个人需求而已)

我的思路是这样的:每添加一个tab用链表存储其id,通过id判断是否存在,并确定是添加tab还是跳转到指定tab。

删除时,监听tab的删除,然后从链表里删除对应id。但是在element.on('tabDelete',function(data){});中得不到你删除tab的id。有幸的是,能得到下标:data.index。我用其表示链表中的‘第几个元素',因为data.index的值是“流动”的,以这种方式表示(考虑到操作的方式)很适合用链表来形容(建议你自己console.log(data.index)来看看)。

阅读全文