Home > WeChat Applet > Mini Program Development > How does a mini program pass an array of objects on the page?

How does a mini program pass an array of objects on the page?

coldplay.xixi
Release: 2020-06-11 13:55:39
Original
3887 people have browsed it

How does a mini program pass an array of objects on the page?

#How does the applet pass an array of objects on the page?

The method of mini program passing object array on the page:

Passing object

// 通过JSON.stringify(obj) 方法将对象转化为字符串进行传递// 跳至结算页/**
   * 向下一级页面传递对象参数
   */
    buyAction: function(e) {
      var model = JSON.stringify(e.currentTarget.dataset.obj);
      wx.navigateTo({
        url: '../detail/detail?model=' + model,
      })
  }在下个页面接收//在下个页面的onload中获取,
  onLoad: function (options) {
    var model = options.obj;
    console.log(options.obj)
    this.setData({
        model:model    })
  },
Copy after login

Passing array

/**
   * 向下一级页面传递对象参数
   */
    buyAction: function(e) {
      var model = JSON.stringify(selected_list);
      wx.navigateTo({
        url: '../detail/detail?model=' + model,
      })
  }在下个页面接收/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 先将字符串转化为数组
    var list = JSON.parse(options.selected_list)
    console.log(list)
  },
Copy after login

Summary , the method of passing objects or arrays to the lower-level page is the same;
First convert the parameters to be passed into strings through the JSON.stringify(obj) method, and then in the options of the lower-level page onLoad(), transfer The parameters can then be converted into objects or arrays and can be used normally.

Recommended tutorial: "小program"

The above is the detailed content of How does a mini program pass an array of objects on the page?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template