layui彈窗中新建tab頁面


今天在做彈窗的時候需要新鍵一個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頁了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM