微信小程序跳转传递数据的方法

139 阅读 0 评论 92 点赞

我是靠谱客的博主从容龙猫，这篇文章主要介绍微信小程序跳转传递数据的方法，现在分享给大家，希望可以做个参考。

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

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

点击view 跳转页面

复制代码<view class="album_image" data-album-obj="{{item}}" bindtap="imageclick"> 
    <image style="width:98%;" src="{{item.data[0].url}}"></image>
</view>1
2
3
<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),
  })
 },1
2
3
4
5
6
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)
   })
 },1
2
3
4
5
onLoad: function (options) {
   this.setData({
    albumData: JSON.parse(options.str)
   })
 },
登录后复制