mui中的關閉頁面的幾種方法


一、總結:

mui中關閉當前頁面的幾種方式:

1.swipeBack(暫未測試過)

2.keyEventBind(暫未測試過)

3.給標簽的class加.mui-action-back(返回的是前一個頁面)

4.也可以直接調用mui.back()方法,實現關閉頁面邏輯

例如在實現查詢功能的時候,在查詢頁面輸入查詢條件,然后返回到列表頁面顯示查詢的結果,用mui.back()返回前面的列表頁面

 

5.在mui.init()方法中加beforeback(可以返回指定頁面),這是針對帶有返回導航箭頭的標題欄,

其次是使用beforeback函數里面需要return false,如果不返回值或返回true,會繼續執行mui.back()方法

html相關代碼:

js相關代碼:

 

補充

1.針對mui標題欄返回頁面的方式:

通過事件監聽的方式實現頁面跳轉:

 

2..初始化查詢條件之后還可以通過mui中的openWindow方法實現頁面跳轉:

 

 末尾總結:在使用mui框架進行移動端的頁面開發中,以上的關於關閉頁面的方式(頁面跳轉的方式)根據實際項目的需要使用。有的模塊比較簡單只有兩個頁面來回切換,可能只需要給標題欄加個.mui-action-back就可以解決

頁面切換的問題;有的模塊比較復雜有很多頁面來回切換,復雜的模塊如果不采用指定頁面路徑的方式去跳轉頁面,可能會出現兩個頁面來回切換,最終形成死循環,回不到我們最初進來的頁面(首頁)。

(個人使用總結)

mui關閉頁面官方學習地址:http://dev.dcloud.net.cn/mui/window/#closewindow


免責聲明!

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



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