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


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 相关文章推荐
JavaScript中清空数组的三种方法分享
Apr 07 Javascript
jquery表单验证使用插件formValidator
Nov 10 Javascript
关于页面嵌入swf覆盖div层的问题的解决方法
Feb 11 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
javascript图片预加载完整实例
Dec 10 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
Dec 17 Javascript
解决给dom元素绑定click等事件无效问题的方法
Feb 17 Javascript
完美实现js焦点轮播效果(二)(图片可滚动)
Mar 07 Javascript
JS传参及动态修改页面布局
Apr 13 Javascript
浅谈angular4 ng-content 中隐藏的内容
Aug 18 Javascript
详解vuex的简单使用
Mar 12 Javascript
Vue使用轮询定时发送请求代码
Aug 10 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
Smarty foreach控制循环次数的实现详解
2013/07/03 PHP
PHP registerXPathNamespace()函数讲解
2019/02/03 PHP
PHP+MySQL实现在线测试答题实例
2020/01/02 PHP
实例化php类时传参的方法分析
2020/06/05 PHP
自用js开发框架小成 学习js的朋友可以看看
2010/11/16 Javascript
JavaScript中操作字符串小结
2015/05/04 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
jquery获取css的color值返回RGB的方法
2015/12/18 Javascript
Angular2 (RC5) 路由与导航详解
2016/09/21 Javascript
js实现表单提交后不重新刷新当前页面
2016/11/30 Javascript
js实现分页功能
2017/05/24 Javascript
浅谈React深度编程之受控组件与非受控组件
2017/12/26 Javascript
Vue使用Clipboard.JS在h5页面中复制内容实例详解
2019/09/03 Javascript
js实现坦克大战游戏
2020/02/24 Javascript
jquery css实现流程进度条
2020/03/26 jQuery
JavaScript实现点击自制菜单效果
2021/02/02 Javascript
[48:39]Ti4主赛事胜者组第一天 EG vs NEWBEE 2
2014/07/19 DOTA
[00:14]护身甲盾
2019/03/06 DOTA
用C++封装MySQL的API的教程
2015/05/06 Python
Python二分法搜索算法实例分析
2015/05/11 Python
Python编程判断这天是这一年第几天的方法示例
2017/04/18 Python
Python内存管理方式和垃圾回收算法解析
2017/11/11 Python
python之mock模块基本使用方法详解
2019/06/27 Python
Python将主机名转换为IP地址的方法
2019/08/14 Python
python rsa实现数据加密和解密、签名加密和验签功能
2019/09/18 Python
如何将tensorflow训练好的模型移植到Android (MNIST手写数字识别)
2020/04/22 Python
pytorch掉坑记录:model.eval的作用说明
2020/06/23 Python
pytorch 多分类问题,计算百分比操作
2020/07/09 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
selenium+超级鹰实现模拟登录12306
2021/01/24 Python
彪马美国官网:PUMA美国
2017/03/09 全球购物
什么是属性访问器
2015/10/26 面试题
为什么需要版本控制?
2013/08/08 面试题
涉及车辆房产分割的离婚协议书范文
2014/10/12 职场文书
部门2014年度工作总结
2014/11/12 职场文书
心得体会格式及范文
2016/01/25 职场文书