前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序点击跳转页面并传入一个对象及接受

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

作者头像
江咏之
发布2022-06-16 08:52:20
3320
发布2022-06-16 08:52:20
举报
文章被收录于专栏:技术社区

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

代码语言:javascript
复制
	<view wx:for="{{ list }}" wx:key="{{ index }}" catchtap="onclick" data-item="{{item}}">
			<image src="{{ item.images.small }}"></image>
			<text>{{ item.title }}</text>
	</view>

点击事件

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

另一个页面接受对象

代码语言:javascript
复制
onLoad: function (e) {
    var item = JSON.parse(e.id)
    this.setData({
      list:item
    })
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-08-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 传参data-item="{{item}}"
  • 点击事件
  • 另一个页面接受对象
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档