如何避免layui tab重复添加问题?
- 内容介绍
- 文章标签
- 相关推荐
本文共计739个文字,预计阅读时间需要3分钟。
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分钟。
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)来看看)。

