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


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聚焦于第一个字段的代码
Oct 15 Javascript
JS 实现Json查询的方法实例
Apr 12 Javascript
jQuery中 delegate使用的问题
Jul 03 Javascript
JavaScript  cookie 跨域访问之广告推广
Apr 20 Javascript
基于BootStrap的文本编辑器组件Summernote
Oct 27 Javascript
解决Vue不能检测数组或对象变动的问题
Feb 24 Javascript
angular6的table组件开发的实现示例
Dec 26 Javascript
Vuex中的State使用介绍
Jan 19 Javascript
js实现ATM机存取款功能
Oct 27 Javascript
使用watch在微信小程序中实现全局状态共享
Jun 03 Javascript
微信小程序实现滑动翻页效果(完整代码)
Dec 06 Javascript
JS实现长图上下滚动效果
Mar 19 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可逆加密/解密函数分享
2012/09/25 PHP
php结合js实现点击超链接执行删除确认操作
2014/10/31 PHP
php实现将base64格式图片保存在指定目录的方法
2016/10/13 PHP
php+mysql+jquery实现日历签到功能
2017/02/27 PHP
javascript+dom树型菜单类,希望朋友们一起进步
2007/05/03 Javascript
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
2010/12/11 Javascript
基于jquery的跟随屏幕滚动代码
2012/07/24 Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
2014/05/11 Javascript
基于JavaScript实现树形下拉框
2016/08/10 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
layer弹窗插件操作方法详解
2017/05/19 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
2017/06/01 Javascript
鼠标拖动改变DIV等网页元素的大小的实现方法
2017/07/06 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
2017/07/27 Javascript
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
浅谈webpack SplitChunksPlugin实用指南
2018/09/17 Javascript
vue 表单之通过v-model绑定单选按钮radio
2019/05/13 Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
2019/08/22 Javascript
vue ssr+koa2构建服务端渲染的示例代码
2020/03/23 Javascript
Python实现读取目录所有文件的文件名并保存到txt文件代码
2014/11/22 Python
Python 装饰器深入理解
2017/03/16 Python
python实现将读入的多维list转为一维list的方法
2018/06/28 Python
Python爬虫PyQuery库基本用法入门教程
2018/08/04 Python
python实现根据文件关键字进行切分为多个文件的示例
2018/12/10 Python
python自制包并用pip免提交到pypi仅安装到本机【推荐】
2019/06/03 Python
python操作文件的参数整理
2019/06/11 Python
python计算无向图节点度的实例代码
2019/11/22 Python
python 操作mysql数据中fetchone()和fetchall()方式
2020/05/15 Python
python 绘制国旗的示例
2020/09/27 Python
利用CSS3实现开门效果实例源码
2016/08/22 HTML / CSS
html5贪吃蛇游戏使用63行代码完美实现
2013/06/25 HTML / CSS
索引覆盖(Index Covering)查询含义
2012/02/18 面试题
党建工作先进材料
2014/05/02 职场文书
工作会议简报
2015/07/20 职场文书
Golang map映射的用法
2022/04/22 Golang
Android Studio实现带三角函数对数运算功能的高级计算器
2022/05/20 Java/Android