欢迎来到代码驿站!

当前位置:首页 >

微信小程序的跳转navigateTo()和redirectTo()和switchTab()用法和区别

时间:2020-05-19 15:23:32|栏目:|点击:
wx.navigateTo({}) ,保留当前页面,跳转到应用内的某个页面。
使用 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伪静态设置的注意事项

栏    目:

下一篇:R语言ggplot2边框背景去除的实现

本文标题:微信小程序的跳转navigateTo()和redirectTo()和switchTab()用法和区别

本文地址:http://www.codeinn.net/misctech/2279.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有