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

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

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

view

<view data-nowdata="{{list}}"></view>

2、绑定点击事件,e.currentTarget.dataset.名字就是你刚点击内容的所有数据,将这个数据转成JSON字符串拼上去

js

  clickDetails(e){
    // 获取所需数据
    var nowdata = e.currentTarget.dataset.nowdata
    //将对象转为string
    var queryBean = JSON.stringify(nowdata)

    wx.navigateTo({
      url:'../../shop/details/details?queryBean=' + queryBean,  
    })
  },

3、通过JSON.paras再转成对象使用

接受页面 js

onLoad: function (options) {
    var queryBean = JSON.parse(options.queryBean)
    this.setData({
      detailsData: queryBean
    })
  },

 

posted @ 2022-04-29 11:23  tomingto  阅读(707)  评论(0编辑  收藏  举报