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

效果:

相关推荐
小付同学呀3 分钟前
前端快速入门学习3——CSS介绍与选择器
前端·css·学习
Jenlybein4 分钟前
快速了解浏览器原理及工作流程
前端·浏览器
醋醋4 分钟前
vue2源码记录(2)
前端·vue.js
前端飞天猪4 分钟前
学习笔记:企业级Git代码规范与协作指南💖
前端·github
艾克马斯奎普特4 分钟前
Vue.js 3 渐进式实现之响应式系统——第五节:分支切换与 cleanup
前端·vue.js
总之就是非常可爱6 分钟前
五分钟看懂 alien signals 依赖收集原理
前端·vue.js
Bruce_Liuxiaowei7 分钟前
基于Flask的Windows命令大全Web应用技术解析与架构设计
前端·windows·python·flask
EricXJ8 分钟前
npm、Yarn、pnpm Workspace 对比
前端·javascript
DoraBigHead11 分钟前
🔬 深度解析:前端异步模型的本质机制与工程落点
前端
難釋懷17 分钟前
JavaScript基础-移动端常用开发框架
开发语言·javascript