微信小程序跳转以及跳转的坑
生活随笔
收集整理的這篇文章主要介紹了
微信小程序跳转以及跳转的坑
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
一、首先小程序的跳轉方法有一下幾種
js控制跳轉
// 保留當前頁面,跳轉到應用內的某個頁面
wx.navigateTo({
url: '../blueberry/blueberry'
});
// 關閉當前頁面,跳轉到應用內的某個頁面
wx.redirectTo({
url: '../blueberry/blueberry'
});
// 跳轉到tabBar頁面,并關閉其他所有tabBar頁面
wx.switchTab({
url: '../blueberry/blueberry'
});
// 返回上一頁面或多級頁面
wx.navigateBack({
url: '../blueberry/blueberry'
});
html跳轉
<navigator url="../index/index">跳轉到新頁面</navigator> <navigator url="../index/index" open-type="redirect">在當前頁打開</navigator> <navigator url="../index/index" open-type="switchTab">切換到首頁Tab</navigator>
帶參數(shù)跳轉
(a):Html帶參數(shù),如果需要傳多個參數(shù), 用 & 鏈接即可
<navigator url="../navigator/navigator?title=我是navigate" >跳轉到新頁面</navigator>
下一個頁面接受參數(shù)
onLoad: function(options) {
this.setData({
title: options.title
})
}
如果要傳 數(shù)組, 字典等復雜類型, 要先用 JSON.stringify() 轉成字符串傳遞.
小程序發(fā)現(xiàn)不能跳轉的坑
今天就向大家介紹其中一個:你寫的路徑路由是正確的,但是發(fā)現(xiàn)點擊了,一點反應也沒有,很可能是下下面幾種原因:
1:你要跳轉的是tabBar中的頁面,需要用到專屬的跳轉方法switchtab
2:在app.js中沒有配置該頁面
3:頁面層級是不是超過五層了。可以用銷毀的跳轉方式
解決微信小程序使用switchTab跳轉后頁面不刷新的問題
wx.switchTab({
url: '../main/index',
success: function (e) {
var page = getCurrentPages().pop();
if (page == undefined || page == null) return;
page.onLoad();
}
});
總結
以上是生活随笔為你收集整理的微信小程序跳转以及跳转的坑的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 在cmd中输入python没反应
- 下一篇: 浮点上下文中的整数除法