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


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 相关文章推荐
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
Aug 09 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
Oct 11 Javascript
浅谈Javascript 数组与字典
Jan 29 Javascript
js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
Jan 27 Javascript
js实现楼层效果的简单实例
Jul 15 Javascript
利用vue写todolist单页应用
Dec 15 Javascript
详解解决小程序中webview页面多层history返回问题
Aug 20 Javascript
js实现简单点赞操作
Mar 17 Javascript
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
ant design的table组件实现全选功能以及自定义分页
Nov 17 Javascript
JavaScript实现点击切换功能
Jan 27 Javascript
Vue3如何理解ref toRef和toRefs的区别
Feb 18 Vue.js
浅谈对于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/19 PHP
PHP验证码类代码( 最新修改,完全定制化! )
2010/12/02 PHP
PHP检测移动设备类mobile detection使用实例
2014/04/14 PHP
PHP CURL获取返回值的方法
2014/05/04 PHP
php批量添加数据与批量更新数据的实现方法
2014/12/16 PHP
Yii调试查看执行SQL语句的方法
2016/07/15 PHP
Laravel中9个不经常用的小技巧汇总
2019/04/16 PHP
js获取 type=radio 值的方法
2014/05/09 Javascript
点击标签切换和自动切换DIV选项卡
2014/08/10 Javascript
深入理解JavaScript系列(29):设计模式之装饰者模式详解
2015/03/03 Javascript
Javascript 动态改变imput type属性
2016/11/01 Javascript
React组件的三种写法总结
2017/01/12 Javascript
基于vue.js的分页插件详解
2017/11/27 Javascript
利用Node.js检测端口是否被占用的方法
2017/12/07 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
2018/02/08 Javascript
D3.js实现拓扑图的示例代码
2018/06/30 Javascript
vue实现分页加载效果
2019/12/24 Javascript
JS实现鼠标按下拖拽效果
2020/07/23 Javascript
Python之Scrapy爬虫框架安装及简单使用详解
2017/12/22 Python
Python爬虫文件下载图文教程
2018/12/23 Python
解决Opencv+Python cv2.imshow闪退问题
2020/04/24 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
selenium自动化测试入门实战
2020/12/21 Python
CSS3实现文字波浪线效果示例代码
2016/11/20 HTML / CSS
英国领先的大码时装品牌之一:Elvi
2018/08/26 全球购物
Zalando Lounge瑞士:时尚与生活方式购物俱乐部
2020/03/12 全球购物
2019年分享net面试的经历和题目
2016/08/07 面试题
手术室护士自我鉴定
2013/10/14 职场文书
家长会学生家长演讲稿
2013/12/29 职场文书
应聘医药销售自荐书范文
2014/02/08 职场文书
同学聚会策划方案
2014/06/06 职场文书
师范大学生求职信
2014/06/13 职场文书
土地租赁意向书
2014/07/30 职场文书
九九重阳节标语
2014/10/07 职场文书
辞职信如何写
2015/02/27 职场文书
JavaScript ES6的函数拓展
2022/01/18 Javascript