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);
        }

效果:

相关推荐
圣光SG几秒前
Java类与对象及面向对象基础核心详细笔记
java·前端·数据库
Jinuss9 分钟前
源码分析之React中的useImperativeHandle
开发语言·前端·javascript
ZC跨境爬虫22 分钟前
CSS核心知识点与定位实战全解析(结合Playwright爬虫案例)
前端·css·爬虫
Jinuss24 分钟前
源码分析之React中的forwardRef解读
前端·javascript·react.js
mengsi5526 分钟前
Antigravity IDE 在浏览器上 verify 成功但本地 IDE 没反应 “开启Tun依然无济于事” —— 解决方案
前端·ide·chrome·antigravity
南风知我意95738 分钟前
JavaScript 惰性函数深度解析:从原理到实践的极致性能优化
开发语言·javascript·性能优化
Можно40 分钟前
pages.json 和 manifest.json 有什么作用?uni-app 核心配置文件详解
前端·小程序·uni-app
hzhsec43 分钟前
钓鱼邮件分析与排查
服务器·前端·安全·web安全·钓鱼邮件
爱看老照片1 小时前
uniapp传递数值(数字)时需要使用v-bind的形式(加上冒号)
javascript·vue.js·uni-app