今天在做彈窗的時候需要新鍵一個tab頁來顯示用戶的訂單信息,其中遇到了一些坑來記錄一下
因為我用的是Twig模板所以不得不用到一些模板繼承,這樣一來可以讓代碼看起來不那么凌亂,而且能省不少的代碼量,但今天的這個問題剛開始沒注意lay-filter這個屬性然后一直用如下代碼來實現
element.tabAdd('demo', { title: '選項卡的標題' ,content: '選項卡的內容' //支持傳入html ,id: '選項卡標題的lay-id屬性值' });
然后沒有注意的是demo忘記改了,這就很尷尬,其次是我這個layui-tab處於在當前彈窗parent中parent里面,然而后面我只用了一個parent很顯然還是沒反應,控制台也沒報錯
這就很苦惱,想想都不對,彈窗的父級是列表頁,然后列表頁的父級才是lay-filter,后面我找了個比較簡單的方法解決了
openTabsPage是官方提供的一個方法,第一個參數是頁面路徑,第二個參數是title(tab的標題)
這下就能看到我所想要的效果了,下面展示一下。
這時點擊用戶訂單就能新鍵一個tab頁了