微信公众号开发

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

本文主要是介绍微信小程序页面跳转如何传递对象参数，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

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
    })
  },

 

这篇关于微信小程序页面跳转如何传递对象参数的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航