問(wèn)題描述

我用的webmenAdmin 的后臺(tái)框架
比如，我有一個(gè) 同學(xué)列表， 然后還有一個(gè) 成績(jī)列表，
我想在同學(xué)列表中， 點(diǎn)擊某個(gè)同學(xué)，就能跳轉(zhuǎn)到成績(jī)列表 查看這個(gè)同學(xué)的成績(jī)，

但是，我直接用a標(biāo)簽 去跳轉(zhuǎn)的話(huà)， 它是在當(dāng)前的tab頁(yè)面里面跳轉(zhuǎn)的，
我想希望它能新打開(kāi)一個(gè) tab頁(yè)面， 來(lái)查看成績(jī)，就像在左邊菜單欄 點(diǎn)擊菜單 會(huì)打開(kāi)新的tab頁(yè)面一樣

不知道有沒(méi)有描述清楚，我沒(méi)找到 控制打開(kāi)tab頁(yè)的方法， 有沒(méi)有大大幫忙看看

最終問(wèn)題已經(jīng)得到解決，代碼如下

執(zhí)行下方的 JS，即可在tab頁(yè) 打開(kāi)一個(gè)新的窗口，ID 是用來(lái)區(qū)分窗口是否存在的

parent.layui.tab.addTabOnlyByElem("content", {
    id: '訂單追蹤-'+status,
    title: '訂單追蹤-'+status,
    url: '/admin/app/data-order-trace/index?status='+status,
    close: true,
},0)

也可以用layui官方的寫(xiě)法 直接給 特定的A標(biāo)簽 綁定跳轉(zhuǎn)事件，例如：
在官方示例文件 plugin/admin/public/demos/console/console2.html 中的寫(xiě)法

$("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)// 注意 這個(gè)尾巴這兒需要加個(gè)0  或者 false  否則會(huì)有報(bào)錯(cuò)
})

然后 在頁(yè)面中 就可以寫(xiě)類(lèi)似的 標(biāo)簽， 完成tab頁(yè)打開(kāi)新標(biāo)簽了

<div class="pear-card" data-id="home1" data-title="主頁(yè)" data-url="http://www.baidu.com">
    主頁(yè)
</div>