微信小程序常见页面跳转操作简单示例


Posted in Javascript onMay 01, 2019

本文实例讲述了微信小程序常见页面跳转操作。分享给大家供大家参考,具体如下:

1.保留当前页面,跳转到应用内另一个页面:wx.navigateTo({ url: '页面路径', })

实例:

pageSkip :function(){
wx.navigateTo({
url: '/page/admin/details',
})
},

2.关闭当前页面,返回到上一级或多级页面:wx.navigateBack({ url: '页面路径', })

实例:

pageSkip :function(){
wx.navigateBack({
url: '/page/admin/shops',
})
},

3.关闭当前页面,跳转到应用内某个页面:wx.redirectTo({ url: '页面路径', })

实例:

pageSkip :function(){
wx.redirectTo({
url: '/page/index/one',
})
},

4.关闭所有页面,打开应用内某个页面:wx.reLaunch({ url: '页面路径', })

实例:

pageSkip :function(){
wx.reLaunch({
url: '/page/login/two',
})
},

5.跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面:wx.switchTab({ url: '页面路径', })

实例:

pageSkip :function(){
wx.switchTab({
url: '/page/shops/homepage',
})
},

附:wxml内页面跳转:

<navigator url="页面路径" open-type="navigate"></navigator>

实例:

<navigator url="/pages/admin/goodsOrder" open-type="navigate">

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
理运用命名空间让js不产生冲突避免全局变量的泛滥
Jun 15 Javascript
浅谈Javascript Base64 加密解密
Dec 28 Javascript
JavaScript中的toDateString()方法使用详解
Jun 12 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
Jan 25 Javascript
省市选择的简单实现(基于zepto.js)
Jun 21 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
Aug 01 Javascript
Node.js 使用AngularJS的方法示例
May 11 Javascript
vue实现循环切换动画
Oct 17 Javascript
微信小程序进入广告实现代码实例
Sep 19 Javascript
VueCli4项目配置反向代理proxy的方法步骤
May 17 Javascript
小程序分享链接onShareAppMessage的具体用法
May 22 Javascript
原生js实现自定义滚动条
Jan 20 Javascript
浅谈对于react-thunk中间件的简单理解
May 01 #Javascript
vue增加强缓存和版本号的实现方法
May 01 #Javascript
vue组件化中slot的基本使用方法
May 01 #Javascript
Vue基本使用之对象提供的属性功能
Apr 30 #Javascript
原生JS实现随机点名项目的实例代码
Apr 30 #Javascript
vue实现随机验证码功能的实例代码
Apr 30 #Javascript
详解vue 图片上传功能
Apr 30 #Javascript
You might like
PHP MYSQL乱码问题,使用SET NAMES utf8校正
2009/11/30 PHP
PHP实现限制IP访问的方法
2017/04/20 PHP
jQuery的实现原理的模拟代码 -5 Ajax
2010/08/07 Javascript
jQuery中的.bind()、.live()和.delegate()之间区别分析
2011/06/08 Javascript
写自已的js类库需要的核心代码
2012/07/16 Javascript
javascript数组去重3种方法的性能测试与比较
2013/03/26 Javascript
jquery子元素过滤选择器使用示例
2013/06/24 Javascript
javascript中负数算术右移、逻辑右移的奥秘探索
2013/10/17 Javascript
JSON无限折叠菜单编写实例
2013/12/16 Javascript
Jquery下EasyUI组件中的DataGrid结果集清空方法
2014/01/06 Javascript
jQuery实现连续动画效果实例分析
2015/10/09 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
2017/02/19 Javascript
JavaScript之filter_动力节点Java学院整理
2017/06/28 Javascript
Vue2 模板template的四种写法总结
2018/02/23 Javascript
js取小数点后两位四种方法
2019/01/18 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
2019/08/09 Javascript
基于Vue和Element-Ui搭建项目的方法
2019/09/06 Javascript
js实现图片上传即时显示效果
2019/09/30 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
vue表单数据交互提交演示教程
2019/11/13 Javascript
javascript实现简单留言板案例
2021/02/09 Javascript
python 二分查找和快速排序实例详解
2017/10/13 Python
python实现翻译word表格小程序
2020/02/27 Python
python3通过udp实现组播数据的发送和接收操作
2020/05/05 Python
CSS3 3D位移translate效果实例介绍
2016/05/03 HTML / CSS
CSS超出文本指定宽度用省略号代替和文本不换行
2016/05/05 HTML / CSS
详解HTML5通讯录获取指定多个人的信息
2016/12/20 HTML / CSS
生产车间主任的个人自我鉴定
2013/10/25 职场文书
机械工程师的岗位职责
2013/11/17 职场文书
学生会主席事迹材料
2014/01/28 职场文书
目标责任书范本
2014/04/16 职场文书
2014社区健康教育工作总结
2014/12/16 职场文书
人事主管岗位职责
2015/02/04 职场文书
辞职信格式模板
2015/02/27 职场文书
心得体会格式及范文
2016/01/25 职场文书
浅谈node.js中间件有哪些类型
2021/04/29 Javascript