小程序tab頁無法傳遞參數(shù)的方法
微信小程序tab頁面不能傳參解決方案:
1.設(shè)置全局變量,通過全局變量訪問
2.小程序本地存儲
小程序不支持tab頁面?zhèn)鬟fqueryString參數(shù),無論是navigator,還是通過api跳轉(zhuǎn)
遇到的問題如下:
小程序navigator組件默認(rèn)不能跳轉(zhuǎn)到tabbar頁面
這個(gè)官方文檔寫了需要設(shè)置open-type為reLaunch或者switchTab,通過api跳轉(zhuǎn)的話同上
<navigator url="/page/index/index" open-type="switchTab">切換 Tab</navigator>
api:wx.switchTab({}) / wx.reLaunch()
在跳轉(zhuǎn)時(shí)通過在點(diǎn)擊事件中設(shè)置本地存儲后在另一個(gè)頁面獲取不到的問題
通過wx.getStorage()獲取不到數(shù)據(jù),遂改為了wx.getStorageSync()此種方式在開發(fā)者工具上可以獲取到,但是發(fā)現(xiàn)在部分android機(jī)型上無法獲取,猜測是因?yàn)閚avigator跳轉(zhuǎn)時(shí)可能并沒有立即存儲數(shù)據(jù),導(dǎo)致另一邊獲取不到,于是改成了將數(shù)據(jù)保存為全局變量,而不是本地存儲,然而,此種方法還是有問題,在真機(jī)上部分機(jī)型會出現(xiàn)"OnWebviewEvent: goPage, WebViewId xxxxxxxxx not found"警告,猜測是navigator組件的問題,所以改用了下面這種辦法
1.改為通過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中接收,如果寫在onLoad中,在跳轉(zhuǎn)的時(shí)候不應(yīng)該用wx.switchTab跳轉(zhuǎn),而應(yīng)該用wx.reLaunch跳轉(zhuǎn),因?yàn)槿绻D(zhuǎn)的頁面以前已經(jīng)被打開了,用switchTab并不會重新渲染頁面,只會把頁面棧中的這個(gè)頁面重新顯示出來
let id = global_data.scenic_link_id || "1";
// 獲取到值后清除,然后重新設(shè)置為默認(rèn)值,這樣下次如果是從默認(rèn)的頁面進(jìn)來的話才會讀取默認(rèn)的數(shù)據(jù)
if (id != "1") {
global_data.scenic_link_id = "1"
};
this.setData({
scenic_link_id: id
}, () => {
// 網(wǎng)絡(luò)請求
this.fetch();
});
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JS文件上傳神器Bootstrap FileInput，樣式非常美觀，并且支持上傳文件預(yù)覽，ajax同步或異步上傳，拖曳文件上傳等炫酷的功能,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
下面小編就為大家?guī)硪黄ㄟ^js控制時(shí)間,一秒一秒自己動的實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
JavaScript使用replace函數(shù)替換字符串的方法
這篇文章主要介紹了JavaScript使用replace函數(shù)替換字符串的方法,涉及javascript中replace函數(shù)的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
在面向?qū)ο蟮木幊讨?，很多語言都支持函數(shù)重載，能根據(jù)函數(shù)傳遞的不同個(gè)數(shù)、類型的參數(shù)來做不同的操作，JS對它卻不支持，需要我們額外做些小動作。2014-05-05
dotopAlert 提示用戶需安裝播放器的代碼，多用于電影站推廣某些播放器2012-09-09
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)搜索欄效果，以及焦點(diǎn)問題的解決，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
HTML+JS模擬實(shí)現(xiàn)QQ下拉菜單效果
這篇文章主要為大家詳細(xì)介紹了如何利用HTML+JavaScript模擬實(shí)現(xiàn)QQ中的下拉菜單效果。文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以學(xué)習(xí)一下2022-05-05
這篇文章主要介紹了JS實(shí)現(xiàn)元素的拖動與占位功能,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-11-11
用jquery.sortElements實(shí)現(xiàn)table排序
實(shí)現(xiàn)table排序，網(wǎng)上有很多解決方案，很多都基于jQuery，最后我選擇用sortElements，實(shí)現(xiàn)很簡單2014-05-05
JavaScript調(diào)試之console.log調(diào)試的一個(gè)小技巧分享
日常開發(fā)中經(jīng)常會需要console來查看當(dāng)前對象的值。當(dāng)然用debugger會更全面的查看，但是總有只喜歡用console的，比如我。下面這篇文章主要給大家分享了關(guān)于JavaScript調(diào)試之console.log調(diào)試的一個(gè)小技巧，需要的朋友可以參考借鑒，下面來一起看看吧。2017-08-08