采用MUI開(kāi)發(fā)APP時(shí)，頁(yè)面跳轉(zhuǎn)傳值無(wú)疑是很多初學(xué)者遇到的難題之一，我在開(kāi)發(fā)時(shí)也遇到了同樣的問(wèn)題，所以在這里總結(jié)了一下，方便以后查閱。

一、頁(yè)面預(yù)加載時(shí)傳值

mui.init({  preloadPages:[{      url:prelaod-page-url,      id:preload-page-id,      styles:{},      extras:{        name:'zqm'      },//在這里添加要傳遞的參數(shù)      ...    },    ...]});或如下var page = mui.preload({      url:new-page-url,     id:new-page-id,      styles:{},      extras:{        name:'zqm'    //自定義擴(kuò)展參數(shù)      }});

通過(guò)上述方法預(yù)加載頁(yè)面，然后在加載的那個(gè)頁(yè)面中接受參數(shù)。

mui.plusReady(function(){    var self = plus.webview.currentWebview();    var name = self.name;//獲得參數(shù)});

二、通過(guò)mui.openWindow打開(kāi)窗口向頁(yè)面?zhèn)鬟f參數(shù)

這種傳值方法通常我們的做法如下：

在參數(shù)生成頁(yè)面中

mui.openWindow({         id: 'list.html',         url: 'list.html',         show: {                aniShow: 'pop-in'          },           extras: {    //extras里面的就是參數(shù)了                name: "zqm"           },           waiting: {                 autoShow: true, //自動(dòng)顯示等待框，默認(rèn)為true           }  });

在參數(shù)接收頁(yè)面中

mui.plusReady(function(){    var self = plus.webview.currentWebview();    var name = self.name;//獲得參數(shù)});

通常我們傳參就這么進(jìn)行，但是由于這個(gè)頁(yè)面，多次被打開(kāi)，發(fā)生了類似緩存的現(xiàn)象，所以，有時(shí)候這個(gè)plusReady不能保證每次都能執(zhí)行。所以，我增加了一個(gè)自定義事件，來(lái)改變這個(gè)情況，實(shí)現(xiàn)方法如下（我是雙管齊下，plusReady也獲取值，自定義事件也獲取值）。

那好，下面我演示一下我的方法（下面這個(gè)監(jiān)聽(tīng)一個(gè)按鈕，然后打開(kāi)一個(gè)頁(yè)面）；

var apage = null; mui.plusReady(function() {        mui.preload({               url: "list.html",              id: "list.html", //默認(rèn)使用當(dāng)前頁(yè)面的url作為id              styles: {}, //窗口參數(shù)               extras: { name: "預(yù)加載的參數(shù)" } //自定義擴(kuò)展參數(shù)           });document.getElementById("bbtn").addEventListener('tap',function({        if(apage == null) {        //要進(jìn)入list.html，第一次，它肯定為空，所以，此時(shí)下面的這個(gè)fire方法，是不會(huì)執(zhí)行的。             apage = plus.webview.getWebviewById("list.html");         }         mui.fire(apage, 'hahaha',{ name: "zqm" });           apage.show();     }); });

接下來(lái)，就到了參數(shù)接收頁(yè)面，如下（首先，我們還是要在plusReady里面接收一次，因?yàn)槟悴荒鼙ＷC這次是初次打開(kāi)還是第二次打開(kāi)頁(yè)面，所以，這個(gè)還是需要的。）