微信小程序 跳转传递数据的实例


Posted in Javascript onJuly 06, 2017

微信小程序 跳转传递数据的实例

点击view 跳转页面

<view class="album_image" data-album-obj="{{item}}" bindtap="imageclick"> 
    <image style="width:98%;" src="{{item.data[0].url}}"></image>
</view>

声明变量  data-album-obj

页面跳转

imageclick:function(e){
  console.log(e.currentTarget.dataset.albumObj);
  wx.navigateTo({
   url: 'albumdetail?str=' + JSON.stringify(e.currentTarget.dataset.albumObj),
  })
 },

跳转后的界面获取对象

onLoad: function (options) {
   this.setData({
    albumData: JSON.parse(options.str)
   })
 },

微信小程序 跳转传递数据的实例

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

Javascript 相关文章推荐
javascript 一段左右两边随屏滚动的代码
Jun 18 Javascript
javascript 构造函数强制调用经验总结
Dec 02 Javascript
前端开发过程中浏览器版本的两种判定方法
Oct 30 Javascript
原生JS操作网页给p元素添加onclick事件及表格隔行变色
Dec 01 Javascript
location.href用法总结(最主要的)
Dec 27 Javascript
javascript正则表达式基础知识入门
Apr 20 Javascript
JavaScript实现移动端滑动选择日期功能
Jun 21 Javascript
利用JQuery实现datatables插件的增加和删除行功能
Jan 06 Javascript
iscroll实现下拉刷新功能
Jul 18 Javascript
element-ui使用导航栏跳转路由的用法详解
Aug 22 Javascript
vue2.0中set添加属性后视图不能更新的解决办法
Feb 22 Javascript
微信小程序自定义tabBar在uni-app的适配详解
Sep 30 Javascript
详解webpack进阶之插件篇
Jul 06 #Javascript
微信小程序 sha1 实现密码加密实例详解
Jul 06 #Javascript
AngularJS学习笔记之表单验证功能实例详解
Jul 06 #Javascript
AngularJS ng-repeat指令及Ajax的应用实例分析
Jul 06 #Javascript
AngularJS常见过滤器用法实例总结
Jul 06 #Javascript
Vue学习之路之登录注册实例代码
Jul 06 #Javascript
AngularJS中ng-class用法实例分析
Jul 06 #Javascript
You might like
PHP弱类型的安全问题详细总结
2016/09/25 PHP
xml转json的js代码
2012/08/28 Javascript
了解了这些才能开始发挥jQuery的威力
2013/10/10 Javascript
Jquery 过滤器(first,last,not,even,odd)的使用
2014/01/22 Javascript
jquery操作复选框(checkbox)的12个小技巧总结
2014/02/04 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
js分页工具实例
2015/01/28 Javascript
javascript组合使用构造函数模式和原型模式实例
2015/06/04 Javascript
jQuery 特性操作详解及实例代码
2016/09/29 Javascript
解析预加载显示图片艺术
2016/12/05 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
2017/01/09 Javascript
基于JavaScript实现全选、不选和反选效果
2017/02/15 Javascript
jQuery实现扑克正反面翻牌效果
2017/03/10 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
2017/07/13 Javascript
react-redux中connect的装饰器用法@connect详解
2018/01/13 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
2018/09/01 Javascript
JavaScript 点击触发复制功能实例详解
2018/11/02 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
在vue项目实现一个ctrl+f的搜索功能
2020/02/28 Javascript
vue2.0实现列表数据增加和删除
2020/06/17 Javascript
win7 下搭建sublime的python开发环境的配置方法
2014/06/18 Python
Python之两种模式的生产者消费者模型详解
2018/10/26 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
Python制作动态字符图的实例
2019/01/27 Python
python 解决print数组/矩阵无法完整输出的问题
2020/02/19 Python
Django Admin设置应用程序及模型顺序方法详解
2020/04/01 Python
Pycharm IDE的安装和使用教程详解
2020/04/30 Python
python合并多个excel文件的示例
2020/09/23 Python
Python+OpenCV检测灯光亮点的实现方法
2020/11/02 Python
利用python如何实现猫捉老鼠小游戏
2020/12/04 Python
化验室技术员岗位职责
2013/12/24 职场文书
小学生倡议书范文
2014/05/13 职场文书
2014年社区宣传工作总结
2014/12/02 职场文书
幼儿园国培研修日志
2015/11/13 职场文书
OpenCV全景图像拼接的实现示例
2021/06/05 Python
MySQL中的 inner join 和 left join的区别解析(小结果集驱动大结果集)
2023/05/08 MySQL