layui 新增tab标签页

复制代码
       // $("#fjyj").click(function () {
       //     //window.location.href = "/sysconfig/SuperVisorEdit";
       //     navigateToTeamPersonModule('/CollectData/GradeWarning/EduIndex', '分级预警');
       // });

function navigateToTeamPersonModule(url, name) {
            var ids = new Date().getTime();
            window.parent.layui.element.tabAdd('layuiminiTab',
                {
                    tabId: url,
                    href: url,
                    title: name,
                    content: `<iframe width="100%" height="100%" frameborder="no" border="0" marginwidth="0"  marginheight="0" src="${url}"></iframe>`,
                    id:ids,
                }
            );
            //窗体定位到新tab
            window.parent.layui.element.tabChange('layuiminiTab', ids);
            //跳转的同时关闭弹窗,便于返回页面后请求接口
            layer.close(layer.index);
        }

效果:

相关推荐
烛阴1 小时前
从0到1掌握盒子模型:精准控制网页布局的秘诀
前端·javascript·css
前端工作日常4 小时前
我理解的`npm pack` 和 `npm install <local-path>`
前端
李剑一4 小时前
说个多年老前端都不知道的标签正确玩法——q标签
前端
嘉小华5 小时前
大白话讲解 Android屏幕适配相关概念(dp、px 和 dpi)
前端
姑苏洛言5 小时前
在开发跑腿小程序集成地图时,遇到的坑,MapContext.includePoints(Object object)接口无效在组件中使用无效?
前端
奇舞精选5 小时前
Prompt 工程实用技巧:掌握高效 AI 交互核心
前端·openai
Danny_FD5 小时前
React中可有可无的优化-对象类型的使用
前端·javascript
用户757582318555 小时前
混合应用开发:企业降本增效之道——面向2025年移动应用开发趋势的实践路径
前端
P1erce5 小时前
记一次微信小程序分包经历
前端
LeeAt5 小时前
从Promise到async/await的逻辑演进
前端·javascript