美文网首页
小程序url页面传值,拿不到options里面的值

小程序url页面传值,拿不到options里面的值

作者: 高阳刘 | 来源:发表于2018-07-16 11:14 被阅读0次
    页面之间传值:

    第一种:url传参数, 接收参数页面必须在onLoad里面接收,否则拿不到options里面的值,
    在微信小程序中,从一个页面转到另一个页面,一般情况下可以通过navigate或redirect时候的url来携带参数,然后在目标页面的onLoad函数参数中获取这些url参数,但是,这种方式只有在目标页面还没有创建的时候,才有效。因为一个页面的onLoad方法在页面的生命周期中,只执行一次。
    但是navigateBack返回上一级页面,目标页面已创建,无法再onLoad里面获取url的参数。

    A页面 js:
    var parameter = 'parameter';
    wx.redirectTo({
      url: '../index/index?parameter=' + parameter,
    });
    
    B页面 js:
    onLoad: function(options) {
      var that = this;
      that.setData({
        parameter: options.parameter 
      })
    }
    

    第二种:本地存储

    A页面 js:
    wx.setStorage({
      key: 'parameter ',
      data: 'parameter' 
    });
    B页面 js:
    wx.getStorage({
      key: 'parameter ',
      success: function(res) {
        that.setData({  
          parameter : res.data,
        });
      }
    })
    

    第三种:全局app对象

    A页面 js:
    var app = getApp();
    app.parameter  = 'parameter ';
    B页面 js:
    var app = getApp();
    var parameter = app.parameter;
    

    相关文章

      网友评论

          本文标题:小程序url页面传值,拿不到options里面的值

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