我用的webmenAdmin 的后臺框架
比如,我有一個 同學列表, 然后還有一個 成績列表,
我想在同學列表中, 點擊某個同學,就能跳轉(zhuǎn)到成績列表 查看這個同學的成績,
但是,我直接用a標簽 去跳轉(zhuǎn)的話, 它是在當前的tab頁面里面跳轉(zhuǎn)的,
我想希望它能新打開一個 tab頁面, 來查看成績,就像在左邊菜單欄 點擊菜單 會打開新的tab頁面一樣
不知道有沒有描述清楚,我沒找到 控制打開tab頁的方法, 有沒有大大幫忙看看
執(zhí)行下方的 JS,即可在tab頁 打開一個新的窗口,ID 是用來區(qū)分窗口是否存在的
parent.layui.tab.addTabOnlyByElem("content", {
id: '訂單追蹤-'+status,
title: '訂單追蹤-'+status,
url: '/admin/app/data-order-trace/index?status='+status,
close: true,
},0)
也可以用layui官方的寫法 直接給 特定的A標簽 綁定跳轉(zhuǎn)事件,例如:
在官方示例文件 plugin/admin/public/demos/console/console2.html 中的寫法
$("body").on("click", "[data-url]", function() {
parent.layui.tab.addTabOnlyByElem("content", {
id: $(this).attr("data-id"),
title: $(this).attr("data-title"),
url: $(this).attr("data-url"),
close: true
},0)// 注意 這個尾巴這兒需要加個0 或者 false 否則會有報錯
})
然后 在頁面中 就可以寫類似的 標簽, 完成tab頁打開新標簽了
<div class="pear-card" data-id="home1" data-title="主頁" data-url="http://www.baidu.com">
主頁
</div>