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

Mr.Meng_95

已于 2022-07-01 16:42:42 修改

阅读量5.3k

点赞数 5

分类专栏：小程序文章标签：小程序

于 2021-06-22 22:44:14 首次发布

本文链接：https://blog.csdn.net/qq_30351747/article/details/118120465

版权

小程序专栏收录该内容

41 篇文章 2 订阅

订阅专栏

前几天一个月薪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);
  },