pp电子

登录
免费开通

微信小程序API导航,wx.navigateTo返回到原页面

 

wx.navigateTo(OBJECT)

微信小程序API导航,wx.navigateTo返回到原页面


保存目今页面,,,,跳转到应用内的某个页面,,,,使用wx.navigateBack可以返回到原页面。。。。。

OBJECT 参数说明:

参数 类型 必填 说明
url String 需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。。。。。参数与路径之间使用?脱离,,,,参数键与参数值用=相连,,,,差别参数用&脱离;;;;如 'path?key=value&key2=value2'
success Function 接口挪用乐成的回调函数
fail Function 接口挪用失败的回调函数
complete Function 接口挪用竣事的回调函数(挪用乐成、失败都会执行)

示例代码:

wx.navigateTo({
  url: 'test?id=1'
})
//test.js
Page({
  onLoad: function(option){
    console.log(option.query)
  }
})

注重:为了不让用户在使用小程序时造成困扰,,,,我们划定页面路径只能是五层,,,,请只管阻止多层级的交互方式。。。。。

 

wx.redirectTo(OBJECT)


关闭目今页面,,,,跳转到应用内的某个页面。。。。。

OBJECT 参数说明:

参数 类型 必填 说明
url String 需要跳转的应用内非 tabBar 的页面的路径,,,,路径后可以带参数。。。。。参数与路径之间使用?脱离,,,,参数键与参数值用=相连,,,,差别参数用&脱离;;;;如 'path?key=value&key2=value2'
success Function 接口挪用乐成的回调函数
fail Function 接口挪用失败的回调函数
complete Function 接口挪用竣事的回调函数(挪用乐成、失败都会执行)

示例代码:

wx.redirectTo({
  url: 'test?id=1'
})

wx.reLaunch(OBJECT)


基础库版本 1.1.0 最先支持,,,,低版本需做兼容处理

关闭所有页面,,,,翻开到应用内的某个页面。。。。。

OBJECT 参数说明:

参数 类型 必填 说明
url String 需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。。。。。参数与路径之间使用?脱离,,,,参数键与参数值用=相连,,,,差别参数用&脱离;;;;如 'path?key=value&key2=value2',,,,若是跳转的页面路径是 tabBar 页面则不可带参数
success Function 接口挪用乐成的回调函数
fail Function 接口挪用失败的回调函数
complete Function 接口挪用竣事的回调函数(挪用乐成、失败都会执行)

示例代码:

wx.reLaunch({
  url: 'test?id=1'
})
//test.js
Page({
  onLoad: function(option){
    console.log(option.query)
  }
})

wx.switchTab(OBJECT)


跳转到 tabBar 页面,,,,并关闭其他所有非 tabBar 页面

OBJECT 参数说明:

参数 类型 必填 说明
url String 需要跳转的 tabBar 页面的路径(需在 app.json 的 tabBar 字段界说的页面),,,,路径后不可带参数
success Function 接口挪用乐成的回调函数
fail Function 接口挪用失败的回调函数
complete Function 接口挪用竣事的回调函数(挪用乐成、失败都会执行)

示例代码:

{
  "tabBar": {
    "list": [{
      "pagePath": "index",
      "text": "首页"
    },{
      "pagePath": "other",
      "text": "其他"
    }]
  }
}
wx.switchTab({
  url: '/index'
})

wx.navigateBack(OBJECT)


关闭目今页面,,,,返回上一页面或多级页面。。。。??赏ü getCurrentPages()获取目今的页面栈,,,,决议需要返回几层。。。。。

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
})

Tip

  1. tip: wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面,,,,只能用 wx.switchTab 跳转到 tabbar 页面
更多微信小程序开发教程,,,,可以关注。。。。。
【本站声明】
  1、本站文章中所选用的图片及文字泉源于网络以及用户投稿,,,,由于未联系到知识产权人或未发明有关知识产权的挂号,,,,若有知识产权人并不肯意我们使用,,,,若是有侵权请连忙联系。。。。。
  2、本网站差池文章中所涉及的内容真实性、准确性、可靠性认真,,,,仅系客观性形貌,,,,如您需要相识该类商品/服务详细的资讯,,,,请您直接与该类商品/服务的提供者联系。。。。。


KESION pp电子软件

KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。。

KESION 一直通过手艺立异,,,,提供产品和服务,,,,助力企业向数字化转型,,,,通过科技驱动商业刷新,,,,让商业变得更智慧!



▼点击进入pp电子官网相识更多



上/下篇
  • 微信小程序实现输入支付密码demo

  • 小程序商城开发教程入门篇

换一换相关推荐
精选内容
热门精选
pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站
【网站地图】
微信小程序API导航,wx.navigateTo返回到原页面