微信小程序的跳转navigateTo()和redirectTo()和switchTab()用法和区别
时间:2020-05-19 15:23:32|栏目:|点击: 次
wx.navigateTo({}) ,保留当前页面,跳转到应用内的某个页面。
使用 wx.navigateBack 可以返回,有时候我们跳转还需要携带参数
跳转到Deposit文件夹的Deposit页面
取值的方式
传递的参数在接收页面onLoad()函数用过option.type就可以取到
OBJECT 参数说明:
参数 类型 默认值 说明
delta Number 1 返回的页面数,如果 delta 大于现有页面数,则返回到首页。
示例代码:
使用 wx.navigateBack 可以返回,有时候我们跳转还需要携带参数
跳转到Deposit文件夹的Deposit页面
wx.navigateTo({
url: '/pages/Deposit/Deposit?merchantId=' + this.data.coach.coachId,
})
取值的方式
传递的参数在接收页面onLoad()函数用过option.type就可以取到
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
"machantId": options.machantId,
"merchantRecordId":options.merchantRecordId
})
}
OBJECT 参数说明:
参数 类型 默认值 说明
delta Number 1 返回的页面数,如果 delta 大于现有页面数,则返回到首页。
示例代码:
// 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。见下方示例代码
// 此处是A页面
wx.navigateTo({
url: 'B?id=1'
})
// 此处是B页面
wx.navigateTo({
url: 'C?id=1'
})
// 在C页面内 navigateBack,将返回A页面
wx.navigateBack({
delta: 2
})
wx.redirectTo关闭当前页面,跳转到另外一个页面
wx.redirectTo({
url:"../Index/Index"
})
切换到首页tabbar对应的文件,必须使用
wx.switchTab({
url:'pages/home/index/index'
})
而使用wx.navigateTo或者wx.redirectTo是不会跳转到tabbar对应的相关页面的
上一篇:Apache使用FastCGI加载PHP伪静态设置的注意事项
栏 目:
本文标题:微信小程序的跳转navigateTo()和redirectTo()和switchTab()用法和区别
本文地址:http://www.codeinn.net/misctech/2279.html






