微信小程序 跳转方式总结


Posted in Javascript onApril 20, 2017

微信小程序 跳转方式总结

一共算是有四种方式。

1.使用组件。<navigator>标签。来实现。

特点:点击有按下的效果

<navigator url="../job_detail/job_detail?isShowCompanyDetail=true&iscollect={{item.iscollect}}"> 跳转 </navigator>

2.给页面布局加监听时间bindtap事件。然后在方法里面。通过wx.navigatorTo来实现跳转

特点:点击无按下的效果。

redirect_my_jianzhi: function () { 
 wx.navigateTo({ 
 url: '../my_jianzhi/my_jianzhi', 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 }) 
},

3.方式。通过wx.redirectTo实现跳转。

特点:关闭当前页面,跳转到应用内某个页面

navigateto_city: function (event) { 
 var provinceName = event.currentTarget.id; 
 wx.redirectTo({ 
 url: '../city/city?province='+provinceName, 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 }) 
 
 }

4.wx.navigateBack

关闭当前页面。返回上一页面或多级页面

wx.navigateBack({ 
  delta: 1, // 回退前 delta(默认为1) 页面 
  success: function (res) { 
  // success 
  }, 
  fail: function () { 
  // fail 
  }, 
  complete: function () { 
  // complete 
  } 
 })

给上一个页面赋值 

var pages = getCurrentPages(); 
var prevPage = pages[pages.length - 2];//上一个页面。 
prevPage.setData({ 
 bank_cn: bank_cn, 
 bank: bank 
})

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
javascript新手语法小结
Jun 15 Javascript
js切换div css注意的细节
Dec 10 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
Sep 03 Javascript
jQuery中常用的遍历函数用法实例总结
Sep 01 Javascript
jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
Aug 25 Javascript
微信小程序登录态控制深入分析
Apr 12 Javascript
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
Bootstrap输入框组件使用详解
Jun 09 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
Jun 23 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
Jul 05 Javascript
微信小程序实现手指触摸画板
Jul 09 Javascript
详解Vue结合后台的列表增删改案例
Aug 21 Javascript
微信小程序 setData的使用方法详解
Apr 20 #Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
Apr 20 #Javascript
微信小程序中form 表单提交和取值实例详解
Apr 20 #Javascript
ES6新特性一: let和const命令详解
Apr 20 #Javascript
javascript 正则表达式分组、断言详解
Apr 20 #Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
Apr 20 #jQuery
JS利用cookies设置每隔24小时弹出框
Apr 20 #Javascript
You might like
php 什么是PEAR?(第三篇)
2009/03/19 PHP
用php制作简单分页(从数据库读取记录)的方法详解
2013/05/04 PHP
php统计数组不同元素的个数的实例方法
2019/09/26 PHP
PHP 代码简洁之道(小结)
2019/10/16 PHP
Laravel 之url参数,获取路由参数的例子
2019/10/21 PHP
悬浮数字的实现案例
2014/02/19 Javascript
JS基于面向对象实现的放烟花效果
2015/05/07 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
2016/03/25 Javascript
js滚轮事件兼容性问题需要注意哪些
2016/11/15 Javascript
源码分析Vue.js的监听实现教程
2017/04/23 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
2018/10/31 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
2018/11/12 Javascript
layui实现三级联动效果
2019/07/26 Javascript
jQuery实现简单日历效果
2020/07/05 jQuery
[00:43]FTP典藏礼包 DOTA2三大英雄霸气新套装
2014/03/21 DOTA
[55:44]OG vs NAVI 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
python中迭代器(iterator)用法实例分析
2015/04/29 Python
浅谈Python 集合(set)类型的操作——并交差
2016/06/30 Python
Python实现将sqlite数据库导出转成Excel(xls)表的方法
2017/07/17 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
使用pickle存储数据dump 和 load实例讲解
2019/12/30 Python
python集合删除多种方法详解
2020/02/10 Python
在django项目中导出数据到excel文件并实现下载的功能
2020/03/13 Python
Python 将 QQ 好友头像生成祝福语的实现代码
2020/05/03 Python
使用python创建Excel工作簿及工作表过程图解
2020/05/27 Python
MATLAB数学建模之画图汇总
2020/07/16 Python
Pycharm配置autopep8实现流程解析
2020/11/28 Python
乌克兰在线商店的价格比较:Price.ua
2019/07/26 全球购物
初一学生评语大全
2014/04/24 职场文书
2014年综治宣传月活动总结
2014/04/28 职场文书
C++程序员求职信
2014/05/07 职场文书
2014年作风建设工作总结
2014/10/29 职场文书
宾馆前台接待岗位职责
2015/04/02 职场文书
MySQL 使用索引扫描进行排序
2021/06/20 MySQL
SpringDataJPA实体类关系映射配置方式
2021/12/06 Java/Android