美文网首页
小程序页面跳转

小程序页面跳转

作者: Duobe | 来源:发表于2019-05-23 15:29 被阅读0次

法1: WXML页面实现

<navigator url="/pages/aaa/aaa">跳转到新页面</navigator>
<navigator url="/pages/aaa/aaa" open-type="redirect">跳转到新页面</navigator>
<navigator url="/pages/aaa/aaa" open-type="switchTab">跳转到新页面</navigator>

法2:js页面实现

// A.保留当前页面, 跳转到应用内的某个页面(最多打开5个页面,之后按钮就没有响应的)
// 跳转页面的路径,可带参数 ?隔开,不同参数用 & 分隔;相对路径,不需要.wxml后缀})
// wx.navigateBack返回
wx.navigateTo({ url:'../test/test?id=1&page=4' })
// 传递的参数在接收页面onLoad()函数中得到值:option.id就可以得到了
onLoad: function (option) {  this.setData({ id:option.id }) }

// B.关闭当前页面,跳转到非tabBar的某个页面
wx.redirectTo({ url:"/pages/aaa/aaa" })

// C.跳转至指定页面并关闭其他打开的所有页面(这个最好用在返回至首页的的时候)
wx.reLaunch({ url:'/pages/index/index' })

// D.跳转到tabBar页面,并关闭其他所有tabBar页面
// (PS: switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面)
wx.switchTab({ url:"/pages/aaa/aaa" })

// E.返回上一页面或多级页面
wx.navigateBack({ delta:1 })

相关文章

  • 小程序页面跳转几种方式

    小程序页面跳转 小程序页面跳转的四种方法 参数类型必填说明urlString是需要跳转的应用内非tabBar的页面...

  • 小程序学习笔记-4:页面之间跳转

    上一篇:小程序学习笔记-3:页面结构和布局 本篇内容* 页面与页面之间的跳转 小程序页面跳转有以下几种方法: ...

  • 小程序之页面跳转和参数传递

    小程序官网关于Navigator介绍: 页面跳转时传递 主页面: 页面跳转后,onload接受参数

  • 小程序和H5页面互相跳转的实现

    需求体现: 在小程序里面,实现小程序和H5页面互相跳转。 1. 实现H5页面跳转小程序 小程序里面加载H5页面,需...

  • 微信小程序-页面跳转

    微信小程序-页面跳转 一、在app.json中配置跳转页面: logs为当前将要跳转到的页面 { “pages”:...

  • 小程序页面跳转传参-this和that的区别-登录流程-下拉菜单

    小程序页面跳转传参-this和that的区别-登录流程-下拉菜单-实现画布自适应各种手机尺寸 小程序页面跳转传参 ...

  • 小程序爬坑

    坑1:页面跳转链接html页面跳转是a,完整代码是: 百度首页 小程序页面跳转是navigator,完整代码是: ...

  • 2019-05-04

    小程序之页面跳转 非tabBar页面跳转到tabBar页面必须用wx.switchTab,不能用其他的API ...

  • 微信小程序页面跳转方法总结

    微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: // 保留当前页面...

  • 跳转大全

    微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: //保留当前页面,...

网友评论

      本文标题:小程序页面跳转

      本文链接:https://www.haomeiwen.com/subject/rhnvzqtx.html