微信小程序带参页面跳转

带参跳转

1、在要跳转至目标页面的url后面加上？phone = + phone，这样就可以将跳转的参数携带至目标页面。

 changeTel: function (e) {
    
    
    this.setData({
    
    
      phn: e.detail.value
    })
    console.log('即将传递的电话号码', this.data.phn)
  },
  

  VIPquery: function (phn) {
    
    
    console.log("VIPquery传递过来的的电话号码", this.data.phn)
    var phone = this.data.phn
    wx.navigateTo({
    
    
      url: '/pages/adminOP/adminOP?phone='+phone,
      // url: '/pages/adminOP/adminOP'
    })
  },

2、在目标页面的onLoad（）函数中，就是接收这个值。

 onLoad(options) {
    
    
    console.log('me传递过来的信息', options.phone)
    this.setData({
    
    
      phone:options.phone
    })
    this.VIPquery()
  },

3、完成了参数的传递，对于多个参数的传递，

第一个跳转页面代码：

Click: function () {
    
    
    console.log("我来啦")
    var name = '传递的数据'; // 跳转传参的参数
    var name2 = '传递的数据2';
    var name3 = '传递的数据3';
    wx.navigateTo({
    
     //在接收页面的url后面加上“？自定义名称=字符串”就可以通过url传值
      url: '../test2/my?name=' + name + "&name2=" + name2+ "&name3=" + name3 //此处注意中文符号与引文符号的？
    })

跳转后的.JS页面中接收

/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
    
       
        this.setData({
    
    // 把从index页面获取到的属性值赋给详情页的my，供详情页使用
          name:options.name,
          name2:options.name2,
          name3:options.name3
        })      
  },