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


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 相关文章推荐
JQuery 无废话系列教程(一) jquery入门 [推荐]
Jun 23 Javascript
javaScript同意等待代码实现心得
Jan 01 Javascript
基于jquery的监控数据是否发生改变
Apr 11 Javascript
js获取字符串最后一位方法汇总
Nov 13 Javascript
jQuery大于号(&gt;)选择器的作用解释
Jan 13 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
Jun 16 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
May 20 Javascript
javascript实现图片轮播代码
Jul 09 Javascript
JavaScript代码异常监控实现过程详解
Feb 17 Javascript
vue组件暴露和.js文件暴露接口操作
Aug 11 Javascript
原生js实现购物车功能
Sep 23 Javascript
JavaScript实现淘宝商品图切换效果
Apr 29 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使用exec shell命令注入的方法讲解
2013/11/12 PHP
php截取中文字符串不乱码的方法
2013/12/25 PHP
PHP使用php-resque库配合Redis实现MQ消息队列的教程
2016/06/29 PHP
php读取qqwry.dat ip地址定位文件的类实例代码
2016/11/15 PHP
PHP接入支付宝接口失效流程详解
2020/11/10 PHP
javascript对象的property和prototype是这样一种关系
2007/03/24 Javascript
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
2011/07/10 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
2013/09/21 Javascript
JS仿百度搜索自动提示框匹配查询功能
2013/11/21 Javascript
jquery1.10给新增元素绑定事件的方法
2014/03/06 Javascript
javascript中bind函数的作用实例介绍
2014/09/28 Javascript
JS动态日期时间的获取方法
2015/09/28 Javascript
Javascript中作用域的详细介绍
2016/10/06 Javascript
vue element table 表格请求后台排序的方法
2018/09/28 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
async/await优雅的错误处理方法总结
2019/01/30 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
2019/10/26 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
ESLint 是如何检查 .vue 文件的
2020/11/30 Vue.js
Python字符串格式化
2015/06/15 Python
纯python实现机器学习之kNN算法示例
2018/03/01 Python
Python3对称加密算法AES、DES3实例详解
2018/12/06 Python
Python 确定多项式拟合/回归的阶数实例
2018/12/29 Python
Python中三维坐标空间绘制的实现
2020/09/22 Python
html5指南-2.如何操作document metadata
2013/01/07 HTML / CSS
举例详解HTML5中使用JSON格式提交表单
2015/06/16 HTML / CSS
关于HTML5+ API plusready的兼容问题
2020/11/20 HTML / CSS
莫斯科隐形眼镜网上商店:Linzi
2019/07/22 全球购物
餐饮业创业计划书范文
2014/01/06 职场文书
企业业务员岗位职责
2014/03/14 职场文书
高三上学期学习自我评价
2014/04/23 职场文书
学前班评语大全
2014/05/04 职场文书
环境保护与污染治理求职信
2014/07/16 职场文书
公司感恩节活动策划书
2014/10/11 职场文书
会计出纳岗位职责
2015/03/31 职场文书
2016年全国助残日活动总结
2016/04/01 职场文书