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

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

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

点击事件

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

另一个页面接受对象

onLoad: function (e) {
    var item = JSON.parse(e.id)
    this.setData({
      list:item
    })
}
目录
相关文章
|
1天前
|
小程序
微信小程序—页面滑动,获取可视区域数据
微信小程序—页面滑动,获取可视区域数据
5 2
|
19天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的社区帮扶对象管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的社区帮扶对象管理系统附带文章源码部署视频讲解等
18 4
|
2月前
|
XML 小程序 JavaScript
小程序页面传值
本文介绍了微信小程序中父子页面的传值方法。父页面向子页面传值可通过绑定事件跳转,使用`data-`属性传递参数,然后在子页面的`onLoad`中接收。子页面向父页面传值则通过用户选择内容后调用父页面的方法,利用`getCurrentPages()`获取父页面实例,进而修改父页面的数据。
28 2
|
2月前
|
小程序 JavaScript 数据库
小程序登录页面
该文介绍了使用小程序云开发实现登录和注册的步骤,包括界面设计和后端逻辑。界面使用了`wxss`和`wxml`编写,样式精致,包含手机号和密码输入、登录按钮、注册和忘记密码选项。在`js`中,重点处理了用户输入的账号和密码,通过云数据库查询验证用户是否存在,使用标志位`flag`判断,若账号或密码错误,显示相应提示。文章总结了利用for循环比对数据库账号的难点,并表达了作者的学习心得。
33 1
|
2月前
|
小程序
小程序和页面生命周期详解
小程序和页面生命周期详解
25 0
|
2月前
|
移动开发 小程序
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
|
2月前
|
存储 缓存 小程序
微信小程序页面传值的几种方式
微信小程序页面传值的几种方式
|
2月前
|
小程序
微信小程序实现点击复制(wx.setClipboardData)
微信小程序实现点击复制(wx.setClipboardData)
53 0
|
2月前
|
小程序
小程序页面路由传参的方法?
小程序页面路由传参的方法?
31 0
|
2月前
|
缓存 小程序 UED
微信小程序如何在切换页面后原页面状态不变
微信小程序如何在切换页面后原页面状态不变
115 0