微信小程序 跳转方式总结


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网页关键字高亮代码
Jul 30 Javascript
jQuery 使用手册(五)
Sep 23 Javascript
基于jquery点击自以外任意处,关闭自身的代码
Feb 10 Javascript
js实现倒计时时钟的示例代码
Dec 17 Javascript
artDialog+plupload实现多文件上传
Jul 19 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
Feb 12 Javascript
jquery实现焦点轮播效果
Feb 23 Javascript
vue-cli中打包图片路径错误的解决方法
Oct 26 Javascript
vue vuex vue-rouert后台项目——权限路由(适合初学)
Dec 29 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
Jun 14 Javascript
js实现简单扫雷
Nov 27 Javascript
通过JS判断网页是否为手机打开
Oct 28 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
这东西价格,可以买几台TECSUN S-2000
2021/03/02 无线电
深入理解php的MySQL连接类
2013/06/07 PHP
php中关于长度计算容易混淆的问题分析
2016/05/27 PHP
[原创]php集成安装包wampserver修改密码后phpmyadmin无法登陆的解决方法
2016/11/23 PHP
php登录超时检测功能实例详解
2017/03/21 PHP
Laravel框架基于ajax实现二级联动功能示例
2019/01/17 PHP
pjblog中的UBBCode.js
2007/04/25 Javascript
javascript写的一个模拟阅读小说的程序
2014/04/04 Javascript
Windows 系统下安装和部署Egret的开发环境
2014/07/31 Javascript
javascript实现图像循环明暗变化的方法
2015/02/25 Javascript
JS实现同一个网页布局滑动门和TAB选项卡实例
2015/09/23 Javascript
Javascript编程之继承实例汇总
2015/11/28 Javascript
全面了解函数声明与函数表达式、变量提升
2016/08/09 Javascript
JS触摸事件、手势事件详解
2017/05/04 Javascript
JS实现的按钮点击颜色切换功能示例
2017/10/19 Javascript
详解vue项目的构建,打包,发布全过程
2017/11/23 Javascript
webpack多页面开发实践
2017/12/18 Javascript
Vue2.0 事件的广播与接收(观察者模式)
2018/03/14 Javascript
Express之托管静态文件的方法
2018/06/01 Javascript
细说Vue组件的服务器端渲染的过程
2019/05/30 Javascript
Python对数据库操作
2016/03/28 Python
Python编程二分法实现冒泡算法+快速排序代码示例
2018/01/15 Python
python机器学习之贝叶斯分类
2018/03/26 Python
python爬取淘宝商品销量信息
2018/11/16 Python
Django 创建/删除用户的示例代码
2019/07/24 Python
TensorFlow打印输出tensor的值
2020/04/19 Python
Keras搭建自编码器操作
2020/07/03 Python
工程师必须了解的LRU缓存淘汰算法以及python实现过程
2020/10/15 Python
Python更改pip镜像源的方法示例
2020/12/01 Python
全球性的奢侈品梦工厂:Forzieri(福喜利)
2019/02/20 全球购物
Theo + George官方网站:都柏林时尚品牌
2019/04/08 全球购物
暑期培训随笔感言
2014/03/10 职场文书
机械系毕业生求职信
2014/05/28 职场文书
小学二年级数学教学计划
2015/01/20 职场文书
二手车转让协议书
2015/01/29 职场文书
python 对图片进行简单的处理
2021/06/23 Python