小程序tab頁(yè)無(wú)法傳遞參數(shù)的方法

更新時(shí)間：2018年08月03日 09:56:05 作者：飛燕

這篇文章主要介紹了小程序tab頁(yè)無(wú)法傳遞參數(shù)的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

微信小程序tab頁(yè)面不能傳參解決方案:

1.設(shè)置全局變量,通過(guò)全局變量訪(fǎng)問(wèn)

2.小程序本地存儲(chǔ)

小程序不支持tab頁(yè)面?zhèn)鬟fqueryString參數(shù),無(wú)論是navigator,還是通過(guò)api跳轉(zhuǎn)

遇到的問(wèn)題如下:

小程序navigator組件默認(rèn)不能跳轉(zhuǎn)到tabbar頁(yè)面

這個(gè)官方文檔寫(xiě)了需要設(shè)置open-type為reLaunch或者switchTab,通過(guò)api跳轉(zhuǎn)的話(huà)同上

<navigator url="/page/index/index" open-type="switchTab">切換 Tab</navigator>
api:wx.switchTab({}) / wx.reLaunch()

在跳轉(zhuǎn)時(shí)通過(guò)在點(diǎn)擊事件中設(shè)置本地存儲(chǔ)后在另一個(gè)頁(yè)面獲取不到的問(wèn)題

通過(guò)wx.getStorage()獲取不到數(shù)據(jù),遂改為了wx.getStorageSync()此種方式在開(kāi)發(fā)者工具上可以獲取到,但是發(fā)現(xiàn)在部分android機(jī)型上無(wú)法獲取,猜測(cè)是因?yàn)閚avigator跳轉(zhuǎn)時(shí)可能并沒(méi)有立即存儲(chǔ)數(shù)據(jù),導(dǎo)致另一邊獲取不到,于是改成了將數(shù)據(jù)保存為全局變量,而不是本地存儲(chǔ),然而,此種方法還是有問(wèn)題,在真機(jī)上部分機(jī)型會(huì)出現(xiàn)"OnWebviewEvent: goPage, WebViewId xxxxxxxxx not found"警告,猜測(cè)是navigator組件的問(wèn)題,所以改用了下面這種辦法

1.改為通過(guò)api跳轉(zhuǎn),

goToMall: function() {
  /* 
    global_data 為小程序的全局變量,
  */
  global_data.scenic_link_id = this.data.scenic_link_id;
  wx.switchTab({
   url: '/pages/mall/index/index',
  });
 }

2.在接收數(shù)據(jù)的onShow中接收,如果寫(xiě)在onLoad中,在跳轉(zhuǎn)的時(shí)候不應(yīng)該用wx.switchTab跳轉(zhuǎn),而應(yīng)該用wx.reLaunch跳轉(zhuǎn),因?yàn)槿绻D(zhuǎn)的頁(yè)面以前已經(jīng)被打開(kāi)了,用switchTab并不會(huì)重新渲染頁(yè)面,只會(huì)把頁(yè)面棧中的這個(gè)頁(yè)面重新顯示出來(lái)

let id = global_data.scenic_link_id || "1";
  // 獲取到值后清除,然后重新設(shè)置為默認(rèn)值,這樣下次如果是從默認(rèn)的頁(yè)面進(jìn)來(lái)的話(huà)才會(huì)讀取默認(rèn)的數(shù)據(jù)
  if (id != "1") {
   global_data.scenic_link_id = "1"
  };
  this.setData({
   scenic_link_id: id
  }, () => {
   // 網(wǎng)絡(luò)請(qǐng)求
   this.fetch();
  });

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: