美文网首页
微信小程序之页面传递对象数组

微信小程序之页面传递对象数组

作者: Just丶Go | 来源:发表于2018-06-08 12:00 被阅读0次

    传递对象

    // 通过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
        })
      },
    

    传递数组

    /**
       * 向下一级页面传递对象参数
       */
        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)
      },
    

    总结,向下一级页面传递对象或者数组的方式是相同的;
    先将要传递的参数通过JSON.stringify(obj)方法转化为字符串,再在下级页面onLoad()的options中,将传递的参数再转化为对象或者数组,就可以正常使用了!!!

    相关文章

      网友评论

          本文标题:微信小程序之页面传递对象数组

          本文链接:https://www.haomeiwen.com/subject/laoosftx.html