微信小程序页面跳转如何传递对象参数

简介: 微信小程序页面跳转如何传递对象参数

前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的。包括语音识别、机器翻译等从基础到实战都有,很详细,分享给大家。大家及时保存,说不定啥时候就没了。

微信小程序页面跳转如何传递对象参数

1、使用data-名字 = 要传的值

myshop.wxml

<van-grid-item
          use-slot 
          bind:click="hClickDetails"
          wx:for="{{ shopList }}" 
          data-nowdata="{{item}}"
          wx:key="index">
            <image
            class="imgShop"
            mode='aspectFill' 
            src="{{item.lbtImg[0]}}"
            />
            <view class="textContent">
              <text class="titleShop">{{ item.shopTitle }} \n</text>
              <text class="priceShop">{{ item.integral }}积分</text>
              <van-icon class="iconShopThree" name="ellipsis" />
            </view>
          </van-grid-item>
2、绑定点击事件,e.currentTarget.dataset.名字就是你刚点击内容的所有数据,将这个数据转成JSON字符串拼上去

myshop.js

// 点击商品进入详情页
  hClickDetails(e){
    // 被点击商品的信息
    var nowdata = e.currentTarget.dataset.nowdata
    //将对象转为string
    var queryBean = JSON.stringify(nowdata)
    wx.navigateTo({
      url:'../../shop/details/details?queryBean=' + queryBean,  
    })
  },
3、通过JSON.paras再转成对象使用

details.js

onLoad: function (options) {
    var queryBean = JSON.parse(options.queryBean)
    this.setData({
      detailsData: queryBean
    })
    console.log(this.data.detailsData);
  },
目录
相关文章
|
3月前
|
小程序 IDE 开发工具
【社区每周】小程序开放服务类型调整;my.pageScrollTo新增偏移量参数(10月第一期)
【社区每周】小程序开放服务类型调整;my.pageScrollTo新增偏移量参数(10月第一期)
20 0
|
4月前
|
小程序 前端开发
uniapp 小程序接入友盟 ,自定义事件携带参数
uniapp 小程序接入友盟 ,自定义事件携带参数
|
5月前
|
移动开发 小程序
微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转企业微信客户聊天窗口如何操作?
微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转企业微信客户聊天窗口如何操作?
|
2月前
|
开发框架 小程序 .NET
C#动态生成带参数的小程序二维码
C#动态生成带参数的小程序二维码
|
3月前
|
小程序 安全 算法
mPaaS问题之使用小程序传参数报错如何解决
mPaaS小程序是阿里巴巴移动平台服务(mPaaS)推出的一种轻量级应用解决方案,旨在帮助开发者快速构建跨平台的小程序应用;本合集将聚焦mPaaS小程序的开发流程、技术架构和最佳实践,以及如何解决开发中遇到的问题,从而助力开发者高效打造和维护小程序应用。
46 2
|
3月前
|
小程序 开发者
【经验分享】支付宝小程序如何获取外部链接携带的参数
【经验分享】支付宝小程序如何获取外部链接携带的参数
66 1
|
5月前
|
小程序
微信小程序如何进行跨页面传参,并在跳转后的页面获取参数
微信小程序如何进行跨页面传参,并在跳转后的页面获取参数
129 0
|
5月前
|
存储 小程序
微信小程序怎样获取参数!!!
微信小程序怎样获取参数!!!
|
5月前
|
小程序
微信小程序页面跳转三种方式
微信小程序页面跳转三种方式
|
5月前
|
XML 移动开发 小程序
小程序微信支付API?以及参数有哪些
小程序微信支付API?以及参数有哪些
109 0