关于LayuiAdmin单页版 点击 生成新的 tab标签页 , 和 关闭当前标签页 跳转某个标签页
挠头一小时,解决一秒钟。 直接上代码
1生成新的 tab标签页
html
<button class="layui-btn layuiadmin-btn-useradmin" id="openNewTabBtn" >添加</button>
js
layui.use(['element', 'table','jquery'], function(){
var $ = layui.$
var element = layui.element
// 假设有一个按钮,点击后打开新Tab
$('#openNewTabBtn').on('click', function(){
var text = '新增源码'; // 新Tab的标题
var href = "{:url('ym/addym')}" ; // 新Tab要加载的内容页面的URL
//执行跳转
var topLayui = parent === self ? layui : top.layui;
topLayui.index.openTabsPage(href, text );
});
});
2.关闭当前标签页 跳转某个标签页
js
// 假设我们知道要返回的Tab的URL
var returnTabHref = "{:url('ym/ymlist')}"; // 需要返回的Tab的URL
// 关闭当前Tab
setTimeout(function(){ // 使用setTimeout确保顺序执行
var topAdmin = parent === self ? admin : parent.layui.admin;
topAdmin.closeThisTabs(); // 这里可能需要根据实际的方法名调整
// 返回到指定的Tab,如果它已经打开,这将会切换到那个Tab
var topLayui = parent === self ? layui : top.layui;
topLayui.index.openTabsPage(returnTabHref, '源码'); // 你需要知道返回Tab的标题
}, 1); // 延迟时间根据实际情况调整