### [微信小程序 跳转传递数据的方法](https://www.prosaas.cn/article/17362)

**Published:** 2018-06-23T09:18:37

**Author:** 5201314

**Excerpt:** 这篇文章主要介绍了微信小程序 跳转传递数据的实例的相关资料,需要的朋友可以参考下微信小程序 跳转传递数据的实例…

这篇文章主要介绍了微信小程序 跳转传递数据的实例的相关资料,需要的朋友可以参考下

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

点击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)
   })
 },

![](https://img.php.cn/upload/article/000/000/009/7d1f1f7125c07f2e3fb23c5038787dee-0.gif)

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

关于微信小程序分页加载的代码

微信小程序 页面跳转传参的介绍

微信小程序开发之实现选项卡的页面切换

以上就是微信小程序 跳转传递数据的方法的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---