小程序点击跳转页面并传入一个对象及接受

举报
江咏之 发表于 2021/11/23 00:08:01 2021/11/23
【摘要】 传参data-item="{{item}}" <view wx:for="{{ list }}" wx:key="{{ index }}" catchtap="onclick" data-ite...

传参data-item="{{item}}"

	<view wx:for="{{ list }}" wx:key="{{ index }}" catchtap="onclick" data-item="{{item}}">
			<image src="{{ item.images.small }}"></image>
			<text>{{ item.title }}</text>
	</view>

  
 
  • 1
  • 2
  • 3
  • 4

点击事件

 onclick(e){
    let item =e.currentTarget.dataset
    // console.log(item);
    var data = JSON.stringify(item);
    wx.navigateTo({url: '/pages/logs/logs?id='+data,})//跳转页面并传参
  }

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

另一个页面接受对象

onLoad: function (e) {
    var item = JSON.parse(e.id)
    this.setData({
      list:item
    })
}

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

文章来源: jiangwenxin.blog.csdn.net,作者:前端江太公,版权归原作者所有,如需转载,请联系作者。

原文链接:jiangwenxin.blog.csdn.net/article/details/107825478

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。