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


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 19 Javascript
jquery特效 幻灯片效果示例代码
Jul 16 Javascript
JavaScript prototype 使用介绍
Aug 29 Javascript
js正则表达式中test,exec,match方法的区别说明
Jan 29 Javascript
浅谈jQuery中对象遍历.eq().first().last().slice()方法
Nov 26 Javascript
jQuery实现根据滚动条位置加载相应内容功能
Jul 18 Javascript
jQuery EasyUI Panel面板组件使用详解
Feb 28 Javascript
JavaScript面向对象中接口实现方法详解
Jul 24 Javascript
判断“命令按钮”是否被鼠标单击详解
Jul 31 Javascript
js中console在一行内打印字符串和对象的方法
Sep 10 Javascript
如何基于JS截获动态代码
Dec 25 Javascript
解决VueCil代理本地proxytable无效报错404的问题
Nov 07 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闭包(Closure)使用详解
2013/05/02 PHP
分享下php5类中三种数据类型的区别
2015/01/26 PHP
如何通过Linux命令行使用和运行PHP脚本
2015/07/29 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
PHP生成随机码的思路与方法实例探索
2019/04/11 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
JS模板实现方法
2013/04/03 Javascript
js data日期初始化的5种方法
2013/12/29 Javascript
jquery自定义下拉列表示例
2014/04/25 Javascript
jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
2015/12/03 Javascript
jQuery实现的简单提示信息插件
2015/12/08 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
2016/06/09 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
Javascript函数中的arguments.callee用法实例分析
2016/09/16 Javascript
关于List.ToArray()方法的效率测试
2016/09/30 Javascript
canvas实现粒子时钟效果
2017/02/06 Javascript
AngularJS学习第二篇 AngularJS依赖注入
2017/02/13 Javascript
Bootstrap 3 进度条的实现
2017/02/22 Javascript
JS判断微信扫码的方法
2017/08/07 Javascript
JavaScript实现构造json数组的方法分析
2018/08/17 Javascript
使用JS实现导航切换时高亮显示的示例讲解
2018/08/22 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
2018/09/20 Javascript
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
2019/09/11 Javascript
解决vue-router 二级导航默认选中某一选项的问题
2019/11/01 Javascript
js代码实现轮播图
2020/05/04 Javascript
Python实现字符串逆序输出功能示例
2017/06/24 Python
Python使用folium excel绘制point
2019/01/03 Python
pycharm远程开发项目的实现步骤
2019/01/20 Python
Python判断有效的数独算法示例
2019/02/23 Python
Pycharm Git 设置方法
2020/09/15 Python
css3的transform造成z-index无效解决方案
2014/12/04 HTML / CSS
2013的个人自我评价
2013/12/26 职场文书
买房委托公证书
2014/04/08 职场文书
大学社团招新的通讯稿
2014/09/10 职场文书
企业财务管理制度范本
2015/08/04 职场文书
用Python编写简单的gRPC服务的详细过程
2021/07/04 Python