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


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 相关文章推荐
use jscript with List Proxy Server Information
Jun 11 Javascript
TextArea 控件的最大长度问题(js json)
Dec 16 Javascript
escape编码与unescape解码汉字出现乱码的解决方法
Jul 02 Javascript
jQuery源码解读之removeAttr()方法分析
Feb 20 Javascript
js如何实现点击标签文字,文字在文本框出现
Aug 05 Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
May 05 Javascript
Vue 源码分析之 Observer实现过程
Mar 29 Javascript
vue非父子组件通信问题及解决方法
Jun 11 Javascript
详解@angular/cli 改变默认启动端口两种方式
Nov 29 Javascript
js模拟F11页面全屏显示
Sep 17 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
Vue+Element UI实现概要小弹窗的全过程
May 30 Vue.js
浅谈对于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 json格式和js json格式 js跨域调用实现代码
2012/09/08 PHP
在win系统安装配置 Memcached for PHP 5.3 图文教程
2015/03/03 PHP
由浅到深了解JavaScript类
2006/09/08 Javascript
js 模拟实现类似c#下的hashtable的简单功能代码
2010/01/24 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
2012/05/27 Javascript
JS验证控制输入中英文字节长度(input、textarea等)具体实例
2013/06/21 Javascript
浏览器图片选择预览、旋转、批量上传的JS代码实现
2013/12/04 Javascript
jQuery多项选项卡的实现思路附样式及代码
2014/06/03 Javascript
node.js中的fs.chownSync方法使用说明
2014/12/16 Javascript
JS实现网页表格自动变大缩小的方法
2015/03/09 Javascript
jQuery的animate函数实现图文切换动画效果
2015/05/03 Javascript
jQuery超精致图片轮播幻灯片特效代码分享
2015/09/10 Javascript
浅析jQuery 3.0中的Data
2016/06/14 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
2016/10/13 Javascript
Javascript 闭包详解及实例代码
2016/11/30 Javascript
JQuery 动态生成Table表格实例代码
2016/12/02 Javascript
JS中使用gulp实现压缩文件及浏览器热加载功能
2017/07/12 Javascript
详解如何在react中搭建d3力导向图
2018/01/12 Javascript
微信小程序获取用户绑定手机号方法示例
2019/07/21 Javascript
element-ui如何防止重复提交的方法步骤
2019/12/09 Javascript
ant-design-vue 实现表格内部字段验证功能
2019/12/16 Javascript
微信小程序吸底区域适配iPhoneX的实现
2020/04/09 Javascript
利用python程序帮大家清理windows垃圾
2017/01/15 Python
Python使用Dijkstra算法实现求解图中最短路径距离问题详解
2018/05/16 Python
Python带动态参数功能的sqlite工具类
2018/05/26 Python
python批量修改图片后缀的方法(png到jpg)
2018/10/25 Python
Pytorch实现LSTM和GRU示例
2020/01/14 Python
JupyterNotebook 输出窗口的显示效果调整方法
2020/04/13 Python
Python如何实现爬取B站视频
2020/05/20 Python
使用Python爬取Json数据的示例代码
2020/12/07 Python
css3 box-sizing属性使用参考指南
2013/01/08 HTML / CSS
先进班级集体事迹材料
2014/01/30 职场文书
司机工作自我鉴定
2014/09/19 职场文书
金秋助学感谢信
2015/01/21 职场文书
趵突泉导游词
2015/02/03 职场文书
python flask开发的简单基金查询工具
2021/06/02 Python