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

效果:

相关推荐
NCDS程序员8 小时前
v-model: /v-model/ :(v-bind)三者核心区别
前端·javascript·vue.js
夏幻灵9 小时前
CSS三大特性:层叠、继承与优先级解析
前端·css
小杨同学呀呀呀呀9 小时前
Ant Design Vue <a-timeline>时间轴组件失效解决方案
前端·javascript·vue.js·typescript·anti-design-vue
qq_532453539 小时前
使用 Three.js 构建沉浸式全景图AR
开发语言·javascript·ar
华玥作者17 小时前
[特殊字符] VitePress 对接 Algolia AI 问答(DocSearch + AI Search)完整实战(下)
前端·人工智能·ai
Mr Xu_17 小时前
告别冗长 switch-case:Vue 项目中基于映射表的优雅路由数据匹配方案
前端·javascript·vue.js
前端摸鱼匠18 小时前
Vue 3 的toRefs保持响应性:讲解toRefs在解构响应式对象时的作用
前端·javascript·vue.js·前端框架·ecmascript
sleeppingfrog18 小时前
zebra通过zpl语言实现中文打印(二)
javascript
lang2015092818 小时前
JSR-340 :高性能Web开发新标准
java·前端·servlet
好家伙VCC19 小时前
### WebRTC技术:实时通信的革新与实现####webRTC(Web Real-TimeComm
java·前端·python·webrtc