微信小程序 跳转方式总结


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压缩混淆工具
May 16 Javascript
JS检测图片大小的实例
Aug 21 Javascript
window.returnValue使用方法示例介绍
Jul 03 Javascript
Jquery使用css方法改变样式实例
May 18 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
Aug 27 Javascript
WebView启动支付宝客户端支付失败的问题小结
Jan 11 Javascript
微信小程序 扎金花简单实例
Feb 21 Javascript
微信小程序实现美团菜单
Jun 06 Javascript
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
VUE项目中加载已保存的笔记实例方法
Sep 14 Javascript
vue  elementUI 表单嵌套验证的实例代码
Nov 06 Javascript
详解JavaScript之Array.reduce源码解读
Nov 01 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方法调用模式与函数调用模式简例
2011/09/20 PHP
修改ThinkPHP缓存为Memcache的方法
2014/06/25 PHP
PHP如何读取由JavaScript设置的Cookie
2017/03/22 PHP
JQuery 操作select标签实现代码
2010/05/14 Javascript
Dom 结点创建 基础知识
2011/10/01 Javascript
Firefox中beforeunload事件的实现缺陷浅析
2012/05/03 Javascript
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
2013/07/09 Javascript
一段非常简单的js判断浏览器的内核
2014/08/17 Javascript
解析Vue2 dist 目录下各个文件的区别
2017/11/22 Javascript
Node.js 使用axios读写influxDB的方法示例
2018/10/26 Javascript
vue-cli 首屏加载优化问题
2018/11/06 Javascript
design vue 表格开启列排序的操作
2020/10/28 Javascript
vue中如何自定义右键菜单详解
2020/12/08 Vue.js
[01:03:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第一场 1月29日
2021/03/11 DOTA
给Python IDLE加上自动补全和历史功能
2014/11/30 Python
Python爬取京东的商品分类与链接
2016/08/26 Python
彻底理解Python list切片原理
2017/10/27 Python
Python实现检测文件MD5值的方法示例
2018/04/11 Python
Linux(Redhat)安装python3.6虚拟环境(推荐)
2018/05/05 Python
Python 利用内置set函数对字符串和列表进行去重的方法
2018/06/29 Python
python+pandas+时间、日期以及时间序列处理方法
2018/07/10 Python
用Python解数独的方法示例
2019/10/24 Python
Pytorch 实现数据集自定义读取
2020/01/18 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
Python 多线程C段扫描、检测 Ping扫描脚本的实现
2020/09/03 Python
使用numpngw和matplotlib生成png动画的示例代码
2021/01/24 Python
时尚孕妇装:Ingrid & Isabel
2019/05/08 全球购物
英国豪华家具和经典家居饰品购物网站:OKA
2020/06/05 全球购物
大三预备党员入党思想汇报
2014/01/08 职场文书
工厂实习感言
2014/01/14 职场文书
大学生开西餐厅创业计划书
2014/02/01 职场文书
酒店秘书求职信范文
2014/02/17 职场文书
井冈山红色之旅感想
2014/10/07 职场文书
2015年度护士个人工作总结
2015/04/09 职场文书
签证工作证明模板
2015/06/15 职场文书
清洁工工作总结
2015/08/11 职场文书