采用MUI開發(fā)APP時，頁面跳轉(zhuǎn)傳值無疑是很多初學(xué)者遇到的難題之一，我在開發(fā)時也遇到了同樣的問題，所以在這里總結(jié)了一下，方便以后查閱。
一、頁面預(yù)加載時傳值
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ù) }});通過上述方法預(yù)加載頁面，然后在加載的那個頁面中接受參數(shù)。
mui.plusReady(function(){ var self = plus.webview.currentWebview(); var name = self.name;//獲得參數(shù)});二、通過mui.openWindow打開窗口向頁面?zhèn)鬟f參數(shù)
這種傳值方法通常我們的做法如下：
在參數(shù)生成頁面中
mui.openWindow({ id: 'list.html', url: 'list.html', show: { aniShow: 'pop-in' }, extras: { //extras里面的就是參數(shù)了 name: "zqm" }, waiting: { autoShow: true, //自動顯示等待框，默認(rèn)為true } });在參數(shù)接收頁面中
mui.plusReady(function(){ var self = plus.webview.currentWebview(); var name = self.name;//獲得參數(shù)});通常我們傳參就這么進(jìn)行，但是由于這個頁面，多次被打開，發(fā)生了類似緩存的現(xiàn)象，所以，有時候這個plusReady不能保證每次都能執(zhí)行。所以，我增加了一個自定義事件，來改變這個情況，實(shí)現(xiàn)方法如下（我是雙管齊下，plusReady也獲取值，自定義事件也獲取值）。
那好，下面我演示一下我的方法（下面這個監(jiān)聽一個按鈕，然后打開一個頁面）；
var apage = null; mui.plusReady(function() { mui.preload({ url: "list.html", id: "list.html", //默認(rèn)使用當(dāng)前頁面的url作為id styles: {}, //窗口參數(shù) extras: { name: "預(yù)加載的參數(shù)" } //自定義擴(kuò)展參數(shù) });document.getElementById("bbtn").addEventListener('tap',function({ if(apage == null) { //要進(jìn)入list.html，第一次，它肯定為空，所以，此時下面的這個fire方法，是不會執(zhí)行的。 apage = plus.webview.getWebviewById("list.html"); } mui.fire(apage, 'hahaha',{ name: "zqm" }); apage.show(); }); });接下來，就到了參數(shù)接收頁面，如下（首先，我們還是要在plusReady里面接收一次，因?yàn)槟悴荒鼙ＷC這次是初次打開還是第二次打開頁面，所以，這個還是需要的。）
mui.plusReady(function(){ var self = plus.webview.currentWebview(); var name = self.name;//獲得參數(shù)});但是如果這個是非首次打開的話，就不一定進(jìn)來plusReady了，所以，參數(shù)可能接收失敗了，這里面，我們就要接收自定義事件傳過來的參數(shù)了，就是前面我們的fire那里了。
//添加上一個頁面自定義事件監(jiān)聽 window.addEventListener('hahaha', function(event) { //獲得事件參數(shù) var name= event.detail.name; }); 這樣，我們就能把這個參數(shù)獲取到，雙重保證，就沒有問題了。（如果你們需要謹(jǐn)慎一些，可以把這個自定義事件的監(jiān)聽延遲個300毫秒，保證接收的概率，因?yàn)槿绻沁@個自定義事件優(yōu)先執(zhí)行了，然后他又去執(zhí)行這個plusReady，那就會沖突了。）
三、通過本地存儲傳值
發(fā)送參數(shù)的頁面：plus.storage.setItem("targetId","123");
接收參數(shù)的頁面：plus.storage.getItem("targetId");
以上這篇基于HBuilder mui頁面間傳值的幾種方式總結(jié)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持VEVB武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
