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


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的history历史记录插件
Dec 11 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
Dec 30 Javascript
JavaScript基础语法让人疑惑的地方小结
May 23 Javascript
调试Javascript代码(浏览器F12及VS中debugger关键字)
Jan 25 Javascript
自己用jQuery写了一个图片的马赛克消失效果
May 04 Javascript
jQuery实现的选择商品飞入文本框动画效果完整实例
Aug 10 Javascript
深入浅析jQuery对象$.html
Aug 22 Javascript
EasyUI创建对话框的两种方式
Aug 23 Javascript
JS实现的相册图片左右滚动完整实例
Nov 23 Javascript
js下载文件并修改文件名
May 08 Javascript
JavaScript实现的DOM绘制柱状图效果示例
Aug 08 Javascript
让IDE识别webpack的别名alias的实现方法
May 06 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代码
2007/03/08 PHP
php使用flock阻塞写入文件和非阻塞写入文件的实例讲解
2017/07/10 PHP
js前台分页显示后端JAVA数据响应
2013/03/18 Javascript
原生js实现查找/添加/删除/指定元素的class
2013/04/12 Javascript
基于js disabled=&quot;false&quot;不起作用的解决办法
2013/06/26 Javascript
JS判断iframe是否加载完成的方法
2016/08/03 Javascript
Jquery组件easyUi实现选项卡切换示例
2016/08/23 Javascript
JS判断非空至少输入两个字符的简单实现方法
2017/06/23 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
2017/12/28 Javascript
使用 webpack 插件自动生成 vue 路由文件的方法
2019/08/20 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
2019/09/24 Javascript
javascript实现弹幕墙效果
2019/11/28 Javascript
JS制作简易计算器的实例代码
2020/07/04 Javascript
javascript前端和后台进行数据交互方法示例
2020/08/07 Javascript
vue的hash值原理也是table切换实例代码
2020/12/14 Vue.js
three.js显示中文字体与tween应用详析
2021/01/04 Javascript
[01:45]IMBATV TI4前线报道-选手到达
2014/07/07 DOTA
[40:48]DOTA2上海特级锦标赛D组败者赛 Liquid VS COL第二局
2016/02/28 DOTA
Python实现的简单文件传输服务器和客户端
2015/04/08 Python
python3基于OpenCV实现证件照背景替换
2018/07/18 Python
django+xadmin+djcelery实现后台管理定时任务
2018/08/14 Python
linux安装Python3.4.2的操作方法
2018/09/28 Python
python 划分数据集为训练集和测试集的方法
2018/12/11 Python
对json字符串与python字符串的不同之处详解
2018/12/19 Python
Python基于plotly模块实现的画图操作示例
2019/01/23 Python
10个Python面试常问的问题(小结)
2019/11/20 Python
python如何判断IP地址合法性
2020/04/05 Python
Anaconda的安装及其环境变量的配置详解
2020/04/22 Python
Python绘图之二维图与三维图详解
2020/08/04 Python
python实现自动打卡的示例代码
2020/10/10 Python
Django中ORM的基本使用教程
2020/12/22 Python
采用专利算法搜索最廉价的机票:CheapAir
2016/09/10 全球购物
翻译专业应届生求职信
2013/11/23 职场文书
2015国际残疾人日活动总结
2015/03/24 职场文书
Win10 最新稳定版本 21H2开始推送
2022/04/19 数码科技
Apache POI操作批量导入MySQL数据库
2022/06/21 Servers