微信小程序页面跳转三种方式
来源:互联网 发布:财经日历重要数据解读 编辑:程序博客网 时间:2024/05/31 18:45
为了不让用户在使用小程序时造成困扰,微信小程序规定页面路径只能是五层,请尽量避免多层级的交互方式。
页面跳转的话就涉及到了多个页面层级
第一种:wx.navigateTo(OBJECT)
保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。
OBJECT参数说明:
参数 类型 必填 说明
url String 是 需要跳转的应用内页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 ‘path?key=value&key2=value2’
success Function 否 接口调用成功的回调函数
fail Function 否 接口调用失败的回调函数
complete Function 否 接口调用结束的回调函数(调用成功、失败都会执行)
onLoad: function(options) { wx.navigateTo({ url: '../index/index' }) }
- 1
- 2
- 3
- 4
- 5
- 6
- 1
- 2
- 3
- 4
- 5
- 6
第二种:wx.redirectTo(OBJECT)
关闭当前页面,跳转到应用内的某个页面。
OBJECT参数说明:
参数 类型 必填 说明
url String 是 需要跳转的应用内页面的路径
success Function 否 接口调用成功的回调函数
fail Function 否 接口调用失败的回调函数
complete Function 否 接口调用结束的回调函数(调用成功、失败都会执行)
onLoad: function(options) { wx.redirectTo({ url: '../index/index' }) }
- 1
- 2
- 3
- 4
- 5
- 1
- 2
- 3
- 4
- 5
第三种:wx.navigateBack(OBJECT)
关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈,决定需要返回几层。
OBJECT参数说明:
参数 类型 默认值 说明
delta Number 1 返回的页面数,如果 delta 大于现有页面数,则返回到首页。
onLoad: function(options) { var pages = getCurrentPages() var num = pages.length navigateBack:function(){ wx.navigateBack({ delta: num }) } }
- 微信小程序页面跳转三种方式
- 页面跳转三种方式
- JSP三种页面跳转方式
- 比较JSP三种页面跳转方式
- JSP三种页面跳转方式
- JSP三种页面跳转方式
- JSP三种页面跳转方式
- ASP.net页面跳转方式三种
- ASP三种页面跳转方式比较
- PHP跳转页面的三种方式
- PHP跳转页面的三种方式
- PHP跳转页面的三种方式
- 页面跳转的三种方式
- asp.net 页面跳转三种方式
- IOS页面跳转的三种方式
- php三种页面跳转方式
- 页面跳转的三种js方式
- 微信小程序跳转页面的几种方式???????
- EOJ 3247 铁路修复计划 题解
- Android基于wheelView的自定义日期选择器(可拓展样式)
- 解决 Git 在 windows 下中文乱码的问题(转载)
- canvas 画圆 角度问题
- spark 2.1 MemoryPool, StoragememoryPool
- 微信小程序页面跳转三种方式
- k-means算法MATLAB和opencv代码
- 问答《一百一十六》动态获得元素内容,点击关闭再点击...
- Thinkphp 实现简单数据分页
- 微信小程序页面跳转无效
- k8s入门系列之扩展组件(一)DNS安装篇
- pom.xml之profiles
- mybatis 保存后返回保存成功后的id
- BZOJ 2813: 奇妙的Fibonacci 线性筛