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


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代码
Apr 26 Javascript
JQuery Highcharts 动态生成图表的方法
Nov 15 Javascript
express的中间件cookieParser详解
Dec 04 Javascript
jquery代码实现简单的随机图片瀑布流效果
Apr 20 Javascript
浅谈Jquery为元素绑定事件
Apr 27 Javascript
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
Jan 21 Javascript
vue-router 导航钩子的具体使用方法
Aug 31 Javascript
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
Vue 中axios配置实例详解
Jul 27 Javascript
小程序组件之仿微信通讯录的实现代码
Sep 12 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
May 06 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
Jul 31 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 5.0创建图形的巧妙方法
2010/10/12 PHP
兼容性最强的PHP生成缩略图的函数代码(修改版)
2011/01/18 PHP
Symfony实现行为和模板中取得request参数的方法
2016/03/17 PHP
joomla组件开发入门教程
2016/05/04 PHP
php实现URL加密解密的方法
2016/11/17 PHP
PHP并发场景的三种解决方案代码实例
2021/02/27 PHP
jquery之Document元素选择器篇
2008/08/14 Javascript
JavaScript 面向对象之命名空间
2010/05/04 Javascript
通过javascript的匿名函数来分析几段简单有趣的代码
2010/06/29 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
2012/11/07 Javascript
Jquery插件编写简明教程
2014/03/25 Javascript
引用其它js时如何同时处理多个window.onload事件
2014/09/02 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
2016/05/12 Javascript
JavaScript Ajax实现异步通信
2016/12/14 Javascript
jQuery zTree树插件简单使用教程
2017/01/10 Javascript
jQuery EasyUI Panel面板组件使用详解
2017/02/28 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
2018/04/26 Javascript
解决angularjs WdatePicker ng-model的问题
2018/09/13 Javascript
vue 地图可视化 maptalks 篇实例代码详解
2019/05/21 Javascript
用jQuery实现抽奖程序
2020/04/12 jQuery
基于JavaScript或jQuery实现网站夜间/高亮模式
2020/05/30 jQuery
基于小程序请求接口wx.request封装的类axios请求
2020/07/02 Javascript
[02:36]DOTA2亚洲邀请赛小组赛精彩集锦:EE凭借法力虚空拿下4杀
2017/03/30 DOTA
Python中使用tarfile压缩、解压tar归档文件示例
2015/04/05 Python
Python实现计算最小编辑距离
2016/03/17 Python
python+matplotlib绘制饼图散点图实例代码
2018/01/20 Python
对Python 内建函数和保留字详解
2018/10/15 Python
pyspark操作MongoDB的方法步骤
2019/01/04 Python
如何理解Python中包的引入
2020/05/29 Python
Python读取Excel一列并计算所有对象出现次数的方法
2020/09/04 Python
纯css3实现照片墙效果
2014/12/26 HTML / CSS
adidas官方旗舰店:德国运动用品制造商
2017/11/25 全球购物
执行力心得体会
2013/12/31 职场文书
我爱祖国演讲稿
2014/09/02 职场文书
2015年度村委会工作总结
2015/04/29 职场文书