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


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实现仿百度首页滑动伸缩展开的添加服务效果代码
Sep 09 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
Nov 19 Javascript
分分钟玩转Vue.js组件
Oct 25 Javascript
javascript事件的传播基础实例讲解(35)
Feb 14 Javascript
jquery实现焦点轮播效果
Feb 23 Javascript
Node.js Mongodb 密码特殊字符 @的解决方法
Apr 11 Javascript
JS 验证密码 不能为空,必须含有数字、字母、特殊字符,长度在8-12位
Jun 21 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
Sep 17 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
Oct 16 Javascript
ES6数组与对象的解构赋值详解
Jun 14 Javascript
vscode 使用Prettier插件格式化配置使用代码详解
Aug 10 Javascript
详解vue-router的导航钩子(导航守卫)
Nov 02 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
flash用php连接数据库的代码
2011/04/21 PHP
基于php权限分配的实现代码
2013/04/28 PHP
php上传图片到指定位置路径保存到数据库的具体实现
2013/12/30 PHP
PHP中new static() 和 new self() 的区别介绍
2015/01/09 PHP
解决php的“It is not safe to rely on the system’s timezone settings”问题
2015/10/08 PHP
基于jquery点击自以外任意处,关闭自身的代码
2012/02/10 Javascript
javascript 实现子父窗体互相传值的简单实例
2014/02/17 Javascript
javascript显示中文日期的方法
2015/06/18 Javascript
javascript模拟C#格式化字符串
2015/08/26 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
2015/09/15 Javascript
Bootstrap Modal遮罩弹出层代码分享
2016/11/21 Javascript
详解JavaScript常量定义
2017/01/03 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
2017/08/22 Javascript
详解如何实现一个简单的Node.js脚手架
2017/12/04 Javascript
JavaScript中使用import 和require打包后实现原理分析
2018/03/07 Javascript
解决vue-cli创建项目的loader问题
2018/03/13 Javascript
详解如何制作并发布一个vue的组件的npm包
2018/11/10 Javascript
Element-ui DatePicker显示周数的方法示例
2019/07/19 Javascript
详解Vue中的自定义指令
2020/12/07 Vue.js
Django 外键的使用方法详解
2019/07/19 Python
Python importlib动态导入模块实现代码
2020/04/16 Python
使用pytorch实现论文中的unet网络
2020/06/24 Python
用HTML5 实现橡皮擦的涂抹效果的教程
2015/05/11 HTML / CSS
html2canvas把div保存图片高清图的方法示例
2018/03/05 HTML / CSS
什么是Remote Module
2016/06/10 面试题
Servlet方面面试题
2016/09/28 面试题
大学三年计划书范文
2014/04/30 职场文书
国庆节活动总结
2014/08/26 职场文书
2014年化验室工作总结
2014/11/21 职场文书
2015年国庆节演讲稿范文
2015/07/30 职场文书
思想工作总结范文
2015/08/12 职场文书
大学生党课心得体会
2016/01/07 职场文书
《7的乘法口诀》教学反思
2016/02/18 职场文书
2019年度政务公开考核工作总结模板
2019/11/11 职场文书
python中的random模块和相关函数详解
2022/04/22 Python
python开发人人对战的五子棋小游戏
2022/05/02 Python