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

2022-06-16 08:52:20 浏览数 (1)

传参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
    })
}

0 人点赞