layui子页面中添加tab

layui.use(['element'], function () {

    let element=parent.layui.element

    //获取父级页面中是否有相同的lay-id的值，确保打开的tab没有重复

    let lay_id = $(window.parent.document).find("li[lay-id='"+sx_employee.loginname+"']").length

    if(lay_id == 0){

        element.tabAdd('xbs_tab',{

           title:collectionname+"模块管理",

            content:'<iframe data-frameid="id" scrolling="auto" frameborder="0" src="./modul-list.html" style="width:100%height:99%"></iframe>',

            id:"A" //lay-id的值，可以用来判断是否已经打开

        })

    }

    element.tabChange('xbs_tab',"A")

}）

layuitab选项卡标题栏右边添加按钮方法：

1、打开编译器，来到代码主要部分，点击进入编译。

2、使用表格中的toolbar属性，字段里面添加toolbar属性。

3、给toolbar进行js赋值，调用监听事件，即可添加按钮。

---