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


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中noconflict函数的实现原理分解
Feb 03 Javascript
Javascript动画的实现原理浅析
Mar 02 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
Apr 19 Javascript
深入浅析Extjs中store分组功能的使用方法
Apr 20 Javascript
AngularJS 实现弹性盒子布局的方法
Aug 30 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
Oct 27 Javascript
vue实现搜索功能
May 28 Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
Sep 06 Javascript
vue页面切换项目实现转场动画的方法
Nov 12 Javascript
jQuery实现简易QQ聊天框
Feb 10 jQuery
JsonServer安装及启动过程图解
Feb 28 Javascript
Vant picker 多级联动操作
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
PHP中把数据库查询结果输出为json格式简单实例
2015/04/09 PHP
Yii扩展组件编写方法实例分析
2015/06/29 PHP
PHP之将POST数据转化为字符串的实现代码
2016/11/03 PHP
JavaScript 常用函数
2009/12/30 Javascript
JS+ACTIVEX实现网页选择本地目录路径对话框
2013/03/18 Javascript
原生js实现给指定元素的后面追加内容
2013/04/10 Javascript
纯javascript模仿微信打飞机小游戏
2015/08/20 Javascript
javascript实现动态统计图开发实例
2015/11/21 Javascript
jQuery解析json格式数据简单实例
2016/01/22 Javascript
浅谈jQuery为哪般去掉了浏览器检测
2016/08/29 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
2016/09/06 Javascript
JavaScript实现DOM对象选择器
2016/09/24 Javascript
vue页面加载闪烁问题的解决方法
2018/03/28 Javascript
Node.js Express安装与使用教程
2018/05/11 Javascript
React 路由懒加载的几种实现方案
2018/10/23 Javascript
JS获取当前时间戳方法解析
2020/08/29 Javascript
Python中selenium实现文件上传所有方法整理总结
2017/04/01 Python
详解Python map函数及Python map()函数的用法
2017/11/16 Python
对Pandas MultiIndex(多重索引)详解
2018/11/16 Python
python zip()函数使用方法解析
2019/10/31 Python
将自己的数据集制作成TFRecord格式教程
2020/02/17 Python
python输入中文的实例方法
2020/09/14 Python
Python引入多个模块及包的概念过程解析
2020/09/21 Python
如何用border-image实现文字气泡边框的示例代码
2020/01/21 HTML / CSS
浅谈html5 响应式布局
2014/12/24 HTML / CSS
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
受希腊女神灵感的晚礼服、鸡尾酒礼服和婚纱:THEIA
2018/04/15 全球购物
自主招生自荐书
2013/11/29 职场文书
小学庆六一活动方案
2014/02/28 职场文书
幼儿园母亲节活动方案
2014/03/10 职场文书
《傅雷家书》教学反思
2014/04/20 职场文书
小学运动会加油词
2015/07/18 职场文书
2016年学校党支部公开承诺书
2016/03/25 职场文书
python入门之算法学习
2021/04/22 Python
Python实现位图分割的效果
2021/11/20 Python
python 单机五子棋对战游戏
2022/04/28 Python