微信小程序通过options页面传值,解决options获取数据undefined

在微信小程序中页面跳转可以通过options来获取传过来的值。
跳转页面函数:

// 点击当前列表获取详情跳转
  detailHandler(event){
    
    var detailId = event.currentTarget.dataset.detailid;
    wx.navigateTo({
      url: '/pages/detail/detail?id='+detailId
    })
   

  },

这时我们传过去的数据可以在跳转页面接收,在onload函数中options内存放了我们传过来的数据。

/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options);
    console.log(options.id);
    this.setData({
      id:options.id
    })
  },

直接使用options.xxx即可获取到传递的内容。
如果出现undefined的情况,请查看是否在传递数据的时候字符串有看空格。
像下面这种情况就会解析为“id ”,后面带一个空格。这是一个大坑,要注意啊。

 wx.navigateTo({
      url: '/pages/detail/detail?id ='+detailId
    })
  • 7
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值