在微信小程序開發(fā)過程中,如果你發(fā)現(xiàn)wx.navigateTo/wx.redirectTo 無效了吝梅,放在別的頁面卻有效歉嗓,可以從以下幾點入手乌询。
- 你的頁面在app.json文件中注冊了嗎?
- 你的url地址寫對了嗎矢赁,目錄層級沒錯嗎?
- 你要跳轉(zhuǎn)到的頁面是非tabBar的頁面嗎糯笙?如果是tabBar(指的是底部有導航菜單的頁面,如下圖 底部的首頁撩银,用戶中心菜單)頁面给涕,恭喜你,找到問題了。
wx.navigateTo/wx.redirectTo只能用在非tabBar頁面的跳轉(zhuǎn)
示例如下:
loginBtnClick: function(){
app.appData.userinfo = {username: this.data.username, password: this.data.password}
wx.redirectTo({
url: '../user/user',
})
console.log(app.appData.userinfo.username);
}
此處要跳轉(zhuǎn)的頁面為用戶中心够庙,是帶tabBar的頁面恭应,故無法跳轉(zhuǎn),將wx.redirectTo改為wx.switchTab即可
附:tabBar的配置
在根目錄下找到app.json文件耘眨,添加以下代碼:
"tabBar": {
"list": [{
"pagePath": "pages/index/index",
"text": "首頁"
}, {
"pagePath": "pages/user/user",
"text": "用戶中心"
}]
}