a亚洲精品_精品国产91乱码一区二区三区_亚洲精品在线免费观看视频_欧美日韩亚洲国产综合_久久久久久久久久久成人_在线区

首頁 > 學(xué)院 > 編程設(shè)計(jì) > 正文

基于HBuilder mui頁面間傳值的幾種方式總結(jié)

2020-07-14 12:56:53
字體:
供稿:網(wǎng)友

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

一、頁面預(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ù)      }});

通過上述方法預(yù)加載頁面,然后在加載的那個(gè)頁面中接受參數(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, //自動(dòng)顯示等待框,默認(rèn)為true           }  });

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

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

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

那好,下面我演示一下我的方法(下面這個(gè)監(jiān)聽一個(gè)按鈕,然后打開一個(gè)頁面);

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,第一次,它肯定為空,所以,此時(shí)下面的這個(gè)fire方法,是不會執(zhí)行的。             apage = plus.webview.getWebviewById("list.html");         }         mui.fire(apage, 'hahaha',{ name: "zqm" });           apage.show();     }); });

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

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

但是如果這個(gè)是非首次打開的話,就不一定進(jìn)來plusReady了,所以,參數(shù)可能接收失敗了,這里面,我們就要接收自定義事件傳過來的參數(shù)了,就是前面我們的fire那里了。

//添加上一個(gè)頁面自定義事件監(jiān)聽     window.addEventListener('hahaha', function(event) {                //獲得事件參數(shù)                var name= event.detail.name;     }); 

這樣,我們就能把這個(gè)參數(shù)獲取到,雙重保證,就沒有問題了。(如果你們需要謹(jǐn)慎一些,可以把這個(gè)自定義事件的監(jiān)聽延遲個(gè)300毫秒,保證接收的概率,因?yàn)槿绻沁@個(gè)自定義事件優(yōu)先執(zhí)行了,然后他又去執(zhí)行這個(gè)plusReady,那就會沖突了。)

三、通過本地存儲傳值

發(fā)送參數(shù)的頁面:plus.storage.setItem("targetId","123");

接收參數(shù)的頁面:plus.storage.getItem("targetId");

以上這篇基于HBuilder mui頁面間傳值的幾種方式總結(jié)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 亚洲精品色 | 欧美成人理论片乱 | 欧美日一区二区 | 日韩视频精品 | 日韩欧美中文在线 | 亚洲国产精品99久久久久久久久 | 国产视频1区| 国产精品久久久久国产a级 色999国产 | 精品国产一区二区三区性色 | av免费网站在线观看 | 亚洲自拍一区在线观看在线观看 | 久久精品国产欧美 | 开心激情网站 | 草草久久久 | 羞羞的网站在线观看 | 欧美日韩电影一区二区 | 日本中文在线观看 | 久久理论片 | 美女福利视频网站 | 久久99精品久久久久久园产越南 | 在线免费一级片 | 在线免费观看av片 | 久久亚洲精品裙底抄底 | 日韩三级在线 | 欧美精品一区二区三区一线天视频 | 日本高清视频网站www | 999免费视频 | 精国产品一区二区三区 | 国产一区不卡 | 成人欧美一区二区三区黑人孕妇 | 一级毛片视频播放 | 成人免费的视频 | 色综合中文 | 一级免费视频 | 国产成人精品一区二区三区四区 | 成人福利视频 | 日韩一区在线观看视频 | 国产一区二区精品 | 操网| 一区二区三区免费网站 | 一区二区久久 |