版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_20451879/article/details/89634350
目录
- 常规页面跳转
- 携带参数进行页面跳转
常规页面跳转的三种方式
1.wx.navigateTo(OBJECT) → 保留当前页面,跳转到应用内的某个页面
// goto:事件 ../mine/jump:跳转类名
goto: function() {
wx.navigateTo({
url: '../mine/jump'
})
}
2.wx.redirectTo(OBJECT) → 左上角没有返回箭头,不能返回上一个页面
// jump:事件 ../mine/Thrned:跳转类名
jump: function() {
wx.redirectTo({
url: '../mine/Thrned'
})
}
3.wx.switchTab(OBJECT) → 跳转到一级界面,一般为首页、个人中心等
// jumpTab:function:事件 ../index/index:跳转类名
jumpTab:function(){
wx.switchTab(
{
url:'../index/index'
}
)
}
4.返回方式
- 如左上角有返回箭头,可通过此处返回上一个页面
- 通用方法 - - ~ 通过 wx.navigateBack 方法,返回上级页面
携带参数进行页面跳转
A页面
/**
参数介绍:
1. ../help/helpcenter 我们要跳转的页面
2. search=' + webUrl + 'fxioshelp' 这里为一个键值对 search 对应的webUrl + 'fxioshelp'是一个H5链接
3. '&source=' + 1 多参数传递 使用 & 进行链接
*/
wx.navigateTo({
url: '../help/helpcenter?search=' + webUrl + 'fxioshelp' + '&source=' + 1,
})
B页面
/**
* 生命周期函数--监听页面加载
* 接收介绍:
* 1.在onLoad生命周期内进行数据接收
* 2.通过options用于键内取值,这里我们取的search与source就是我们上级页面传的键名
*/
onLoad: function(options) {
var that = this.data;
if (options.search) {
that.destinationurl = options.search;
//这里是赋值传过来的H5链接
this.setData({
destinationurl: options.search
})
}
if (options.source == 1) {
wx.setNavigationBarTitle({
title: '帮助中心'
})
}
},