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


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 相关文章推荐
javascript 表单的友好用户体现
Jan 07 Javascript
细品javascript 寻址,闭包,对象模型和相关问题
Apr 27 Javascript
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
May 05 Javascript
jqueryUI里拖拽排序示例分析
Feb 26 Javascript
js实现千分符和保留几位小数的简单实例
Aug 01 Javascript
js实现一个可以兼容PC端和移动端的div拖动效果实例
Dec 09 Javascript
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
May 16 Javascript
JS实现提示效果弹出及延迟隐藏的功能
Aug 26 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
May 20 Javascript
Vue.js使用axios动态获取response里的data数据操作
Sep 08 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
Sep 10 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
Jan 27 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
收听短波不可能有声音清晰的品质吗
2021/03/01 无线电
php连接Access数据库错误及解决方法
2013/06/20 PHP
php中让上传的文件大小在上传前就受限制的两种解决方法
2013/06/24 PHP
ThinkPHP单字母函数(快捷方法)使用总结
2014/07/23 PHP
PHP扩展模块memcached长连接使用方法分析
2014/12/24 PHP
Laravel学习教程之路由模块
2017/08/18 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
Laravel中使用Queue的最基本操作教程
2017/12/27 PHP
php实现断点续传大文件示例代码
2020/06/19 PHP
解析javascript 浏览器关闭事件
2013/07/08 Javascript
jquery选择器、属性设置用法经验总结
2013/09/08 Javascript
jQuery中map()方法用法实例
2015/01/06 Javascript
使用javascript实现简单的选项卡切换
2015/01/09 Javascript
jQuery实现模拟marquee标签效果
2015/07/14 Javascript
js动态获取子复选项并设计全选及提交的实现方法
2016/06/24 Javascript
Bootstrap整体框架之JavaScript插件架构
2016/12/15 Javascript
JS实现div模块的截图并下载功能
2017/10/17 Javascript
深入浅析Vue.js中 computed和methods不同机制
2018/03/22 Javascript
vue和webpack打包项目相对路径修改的方法
2018/06/15 Javascript
原生js实现移动端Touch轮播图的方法步骤
2019/01/03 Javascript
node.js基于socket.io快速实现一个实时通讯应用
2019/04/23 Javascript
node 标准输入流和输出流代码实例
2019/09/19 Javascript
node爬取新型冠状病毒的疫情实时动态
2020/02/06 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
2020/05/01 Javascript
前端性能优化建议
2020/09/17 Javascript
JavaScript数组常用的增删改查与其他属性详解
2020/10/13 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
2021/01/05 Vue.js
[04:45]DOTA2-DPC中国联赛正赛 iG vs LBZS 赛后选手采访
2021/03/11 DOTA
python操作MongoDB基础知识
2013/11/01 Python
python正则表达式判断字符串是否是全部小写示例
2013/12/25 Python
pandas 使用apply同时处理两列数据的方法
2018/04/20 Python
基于tf.shape(tensor)和tensor.shape()的区别说明
2020/06/30 Python
Python实时监控网站浏览记录实现过程详解
2020/07/14 Python
2014学校领导四风问题对照检查材料思想汇报
2014/09/22 职场文书
python - asyncio异步编程
2021/04/06 Python
在MySQL中你成功的避开了所有索引
2022/04/20 MySQL