Layui的动态top选项卡

一、为了方便操作有些页面也会用到像浏览器顶部那样的选项卡。它那个选项卡是动态新增的，而本篇要说的也是动态的选项卡，即点击左边的选项按钮，添加一个top选项卡并且嵌套一个页面。

二、做选项卡要用导layui的插件，所以引用它也是必须的。因为它嵌套的时候其实是和普通的选项卡切换原理也是一样的，每次新增是添加了一整个div和里面的iframe标签，切换就是给div添加类来隐藏和显示

三、触发方式

1、使用页面的嵌套须有以下5个条件：

data-url=""找到你所需要点击嵌套页面的按钮里面的a标签，把页面的路径放在这里面

data-id=""
用来指定top项的id ，不能和页面其他按钮id重复

data-title="" 点击后生成选项卡的名字就是从这里来的

data-type="tabAdd"

必填项

a标签的class内必须添加site-demo-active这个类

• 员工管理

• 四、js代码

   layui.use('element', function () {
              var elemen