小程序中带参跳转页面问题

方法一： wx.navigateTo

//跳转到详情页

    wx.navigateTo({      
      //在接收页面的url后面加上“？自定义名称=字符串”就可以通过url传值
      url: '../detail/detail?Mesgs=' + mesg,     
  }）

详情页进行接收

Page({
 data:{
  // 对象
  detail:{},
 },
  
  onLoad: function (options) {   
    var that= this
    // 字符串转json
    var info = JSON.parse(options.Mesgs);        
    console.log(info)  
 
    that.setData({
      // 把从index页面获取到的属性值赋给详情页的detail，供详情页使用
      detail: info
    })
 
  }
})
 

方法二：wx.navigateBack()

在使用wx.navigateTo()进行页面跳转时可以将需要携带的参数拼接在url后面携带到下一页面，而使用wx.navigateBack()时就不能使用这种方法了，以下是使用wx.navigateBack()传参的方法

 //保存名称
    saveBellname(){
      if(this.data.strLength==0){
        wx.showToast({
          title: '提醒名称不能为空',
          icon: 'none'
        });   
        return
      }
       // 将参数传回上一页
        const pages = getCurrentPages()
        const prevPage = pages[pages.length-2] // 上一页
        // 调用上一个页面的setData 方法，将数据存储
        prevPage.setData({
          bloodbell: this.data.detail
        })
        // 返回上一页
        wx.navigateBack({
          delta: 1
        })
    },

  onShow: function () {
    const pages = getCurrentPages()
    const currPage = pages[pages.length - 1]  // 当前页
    console.log(currPage.data)  // data中会含有testdata
  },

参考