layui子页面中添加tab

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui子页面中添加tab相关的知识,希望对你有一定的参考价值。

参考技术A 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")

以上是关于layui子页面中添加tab的主要内容,如果未能解决你的问题,请参考以下文章

Layuilayui中iframe子页面中的链接点击后在父页面中动态添加tab选项

Layui子页面打开父页面tab问题

[Laui]通过子页面给主页面(框架)添加Tab

[Laui]通过子页面给主页面(框架)添加Tab

layui父页面向子页面传值

layui: 子iframe关闭/传值/刷新父页面