layui tab切换不刷新页面,怎么实现?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui tab切换不刷新页面,怎么实现?相关的知识,希望对你有一定的参考价值。

参考技术A layui好像只是一个样式库框架吧,问题详细点

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切换不刷新页面,怎么实现?的主要内容,如果未能解决你的问题,请参考以下文章

00015-layui 的页签tabs切换,刷新页签的内容

00015-layui 的页签tabs切换,刷新页签的内容

layui回退页面不刷新

layui子页面中添加tab

layui实现关闭一个选项卡之后刷新另一个选项卡的数据

[Layui]主页tab选项卡操作(刷新页面,刷新选项卡,关闭,关闭其他,全部关闭)