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


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 相关文章推荐
jQuery EasyUI API 中文文档 - TimeSpinner时间微调器
Oct 23 Javascript
使用jquery写个更改表格行顺序的小功能
Apr 29 Javascript
js数组操作常用方法
May 08 Javascript
JavaScript基础知识学习笔记
Dec 02 Javascript
纯javascript制作日历控件
Jul 17 Javascript
Node.js+Express配置入门教程
May 19 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
Sep 13 Javascript
微信小程序onLaunch异步,首页onLoad先执行?
Sep 20 Javascript
angular4中引入echarts的方法示例
Jan 29 Javascript
javascript面向对象程序设计实践常用知识点总结
Jul 29 Javascript
Vue + Element UI图片上传控件使用详解
Aug 20 Javascript
AudioContext 实现音频可视化(web技术分享)
Feb 24 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 strtr() 函数使用说明
2008/11/21 PHP
jQuery EasyUI API 中文文档 - DateBox日期框
2011/10/15 PHP
php连接odbc数据源并保存与查询数据的方法
2014/12/24 PHP
如何使用PHP给图片加水印
2016/10/12 PHP
基于thinkphp5框架实现微信小程序支付 退款 订单查询 退款查询操作
2020/08/17 PHP
简单实用的js调试logger组件实现代码
2010/11/20 Javascript
myFocus slide3D v1.1.0 使用方法与下载
2011/01/12 Javascript
jquery radio 操作代码
2011/03/16 Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
2014/03/28 Javascript
基于zepto.js实现手机相册功能
2017/07/11 Javascript
JavaScript实现读取与输出XML文件数据的方法示例
2018/06/05 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
2018/11/15 Javascript
JavaScript Blob对象原理及用法详解
2020/10/14 Javascript
[02:42]决战东方!DOTA2亚洲邀请赛重启荣耀之争
2017/03/17 DOTA
python局部赋值的规则
2013/03/07 Python
Python实现生成简单的Makefile文件代码示例
2015/03/10 Python
浅谈Python数据类型之间的转换
2016/06/08 Python
Python进阶篇之字典操作总结
2016/11/16 Python
pycharm重置设置,恢复默认设置的方法
2018/10/22 Python
python处理multipart/form-data的请求方法
2018/12/26 Python
python学习开发mock接口
2019/04/28 Python
使用pyinstaller打包PyQt4程序遇到的问题及解决方法
2019/06/24 Python
Django 查询数据库并返回页面的例子
2019/08/12 Python
python多进程并发demo实例解析
2019/12/13 Python
python模拟哔哩哔哩滑块登入验证的实现
2020/04/24 Python
基于pandas向csv添加新的行和列
2020/05/25 Python
纯CSS改变webkit内核浏览器的滚动条样式
2014/04/17 HTML / CSS
css3翻牌翻数字的示例代码
2020/02/07 HTML / CSS
美国第一香水网站:Perfume.com
2017/01/23 全球购物
临床医学专业毕业生的自我评价
2013/10/17 职场文书
初中校园之声广播稿
2014/01/15 职场文书
十八大报告观后感
2014/01/28 职场文书
无偿献血倡议书
2014/04/14 职场文书
布达拉宫导游词
2015/02/02 职场文书
2016年11月份红领巾广播稿
2015/12/21 职场文书
在python中实现导入一个需要传参的模块
2021/05/12 Python