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


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命名空间的另一种实现
Aug 09 Javascript
javascript操作ul中li的方法
May 14 Javascript
jQuery纵向导航菜单效果实现方法
Dec 19 Javascript
jquery横向纵向鼠标滚轮全屏切换
Feb 27 Javascript
Centos6.8下Node.js安装教程
May 12 Javascript
详解Vue中localstorage和sessionstorage的使用
Dec 22 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
May 16 Javascript
vue 路由嵌套高亮问题的解决方法
May 17 Javascript
微信小程序实现卡片左右滑动效果的示例代码
May 01 Javascript
vue 在服务器端直接修改请求的接口地址
Dec 19 Vue.js
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
Apr 11 Vue.js
JS前端可扩展的低代码UI框架Sunmao使用详解
Jul 23 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中显示数组与对象的实现代码
2011/04/18 PHP
php传值赋值和传地址赋值用法实例分析
2015/06/20 PHP
php文件扩展名判断及获取文件扩展名的N种方法
2015/09/12 PHP
YUI 读码日记之 YAHOO.lang.is*
2008/03/22 Javascript
csdn 博客中实现运行代码功能实现
2009/08/29 Javascript
js弹出模式对话框,并接收回传值的方法
2013/03/12 Javascript
纯js分页代码(简洁实用)
2013/11/05 Javascript
JavaScript Serializer序列化时间处理示例
2014/07/31 Javascript
javascript结合canvas实现图片旋转效果
2015/05/03 Javascript
基于jQuery实现的扇形定时器附源码下载
2015/10/20 Javascript
jQuery与vue实现拖动验证码功能
2018/01/30 jQuery
nuxt.js中间件实现拦截权限判断的方法
2018/11/21 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
2018/12/03 Javascript
JavaScript实现的鼠标跟随特效示例【2则实例】
2018/12/22 Javascript
javascript刷新父页面方法汇总详解
2019/10/10 Javascript
python获得一个月有多少天的方法
2015/06/04 Python
python基础教程之五种数据类型详解
2017/01/12 Python
在Django同1个页面中的多表单处理详解
2017/01/25 Python
python如何把嵌套列表转变成普通列表
2018/03/20 Python
利用Python在一个文件的头部插入数据的实例
2018/05/02 Python
基于python3 OpenCV3实现静态图片人脸识别
2018/05/25 Python
python ---lambda匿名函数介绍
2019/03/13 Python
python如何保证输入键入数字的方法
2019/08/23 Python
Ubuntu18.04安装 PyCharm并使用 Anaconda 管理的Python环境
2020/04/08 Python
如何使用Python处理HDF格式数据及可视化问题
2020/06/24 Python
python生成xml时规定dtd实例方法
2020/09/21 Python
CSS3标注引用的出处和来源的方法
2020/02/25 HTML / CSS
证婚人经典证婚词
2014/01/09 职场文书
爱心捐助倡议书
2014/05/19 职场文书
小学生读书活动总结
2014/06/30 职场文书
旷工检讨书1000字
2015/01/01 职场文书
民事代理词范文
2015/05/25 职场文书
2015大学生暑假调查报告
2015/07/13 职场文书
2015年支教教师工作总结
2015/07/22 职场文书
2015年重阳节活动主持词
2015/07/30 职场文书
MySQL 如何设计统计数据表
2021/06/15 MySQL