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


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 相关文章推荐
动态调用css文件——jquery的应用
Feb 20 Javascript
学习js所必须要知道的一些
Mar 07 Javascript
jquery动画3.创建一个带遮罩效果的图片走廊
Aug 24 Javascript
通过javascript把图片转化为字符画
Oct 24 Javascript
jquery实现定时自动轮播特效
Dec 10 Javascript
EasyUi 打开对话框后控件赋值及赋值后不显示的问题解决办法
Jan 19 Javascript
基于angular6.0实现的一个组件懒加载功能示例
Apr 12 Javascript
Bootstrap-table使用footerFormatter做统计列功能
Sep 07 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
May 22 Javascript
js实现简单放大镜效果
Mar 07 Javascript
Vue通过provide inject实现组件通信
Sep 03 Javascript
vue实现移动端返回顶部
Oct 12 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
Apache设置虚拟WEB
2006/10/09 PHP
eAccelerator的安装与使用详解
2013/06/13 PHP
php删除txt文件指定行及按行读取txt文档数据的方法
2017/01/30 PHP
jQuery 使用手册(二)
2009/09/23 Javascript
JavaScript小技巧 2.5 则
2010/09/12 Javascript
node.js 一个简单的页面输出实现代码
2012/03/07 Javascript
js鼠标及对象坐标控制属性详细解析
2013/12/14 Javascript
js打开新窗口方法整理
2014/02/17 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
node.js中的fs.chownSync方法使用说明
2014/12/16 Javascript
jqTransform美化表单
2015/10/10 Javascript
基于jQuery实现的菜单切换效果
2015/10/16 Javascript
通过点击jqgrid表格弹出需要的表格数据
2015/12/02 Javascript
jquery设置css样式的多种方法(总结)
2017/02/21 Javascript
python显示天气预报
2014/03/02 Python
Python中比较特别的除法运算和幂运算介绍
2015/04/05 Python
详解Python多线程
2016/11/14 Python
Eclipse和PyDev搭建完美Python开发环境教程(Windows篇)
2016/11/16 Python
python os.listdir按文件存取时间顺序列出目录的实例
2018/10/21 Python
在Python中pandas.DataFrame重置索引名称的实例
2018/11/06 Python
Python+OpenCV感兴趣区域ROI提取方法
2019/01/10 Python
Django admin.py 在修改/添加表单界面显示额外字段的方法
2019/08/22 Python
Python 在OpenCV里实现仿射变换—坐标变换效果
2019/08/30 Python
Python基于httpx模块实现发送请求
2020/07/07 Python
广州盈通面试题
2015/12/05 面试题
装潢设计实习自我鉴定
2013/09/19 职场文书
学校安全工作制度
2014/01/19 职场文书
中药专业毕业自荐书范文
2014/02/08 职场文书
社区健康教育工作方案
2014/06/03 职场文书
经济国贸专业求职信
2014/06/18 职场文书
承诺书模板
2014/08/30 职场文书
干部理论学习心得体会
2016/01/21 职场文书
员工保密协议范本,您一定得收藏!很有用!
2019/08/08 职场文书
Python基础之进程详解
2021/05/21 Python
使用react+redux实现计数器功能及遇到问题
2021/06/02 Javascript
Win11怎么启动任务管理器?Win11启动任务管理器的几种方法
2021/11/23 数码科技