使用layui实现左侧菜单栏及动态操作tab项的方法

tab项是放在<div class=http://www.jb51.net/html5/"layui-tab" lay-filter=http://www.jb51.net/html5/"demo" lay-allowclose=http://www.jb51.net/html5/"true" style=http://www.jb51.net/html5/"margin-left: 200px;"> 这个div中的，其中有一个重要的属性lay-filter，在js中调用的tabAdd，tabDelete等多种方法都携带了这个参数，我对此的理解是相当于一个判断拦截功能，将tab项放在lay-filter=‘demo’的div中。可以借助该参数，完成指定元素的局部更新。

其中还有关于element的操作，var element = layui.element
element模块的实例
返回的element变量为该实例的对象，携带一些用于元素操作的基础方法，我们就是用这些方法进行tab项的新增和删除还有切换。

这是element 中的tabAdd方法，其中的content可以是一个iframe页面，在此例中，我就是传递了一个简单的页面，这就实现了不同页面间的一些切换。

element.tabAdd('demo', { title: '选项卡的标题' ,content: '选项卡的内容' //支持传入html ,id: '选项卡标题的lay-id属性值' });

贴上之前参照的一个地址：https://www.cnblogs.com/zhoushangwu/p/7891543.html

到此这篇关于使用layui实现左侧菜单栏及动态操作tab项的方法的文章就介绍到这了,更多相关layui动态操作tab项内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

（编辑：东莞站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!