使用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项内容请搜刮剧本之家早年的文章或继承赏识下面的相干文章，但愿各人往后多多支持剧本之家！

（编辑：湖南网）

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