微信小程序页面之间数据传递

微信小程序跳转界面传递数据,要传递的数据拼接在url 后面实现

下面看一个简单的demo 传递数据

 

要传递界面

wxml 

    
     姓名：
     
   
     
     性别：
     

        
     年龄：
    

    传递数据到下一页 

js 

Page({

  /**
   * 页面的初始数据
   */
  data: {
    name:"",
    sex:"",
    age:"",
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  },
  i_name:function(res){
   this.setData({
     name: res.detail.value
   })
  },
  i_sex: function (res) {
    this.setData({
      sex: res.detail.value
    })
  },
  i_age: function (res) {
    this.setData({
      age: res.detail.value
    })
  },
  go:function(){
    wx.navigateTo({
      url: '../palt/palt?name='+this.data.name +"&sex="+this.data.sex+"&age="+this.data.age 
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () { 
  },

})

 

接受界面

 

wxml

  {{pname}}
  {{psex}}
  {{page}}
  返回上一次

js

Page({
  /**
   * 页面的初始数据
   */
  data: {
    pname:"",
    psex:"",
    page:"",
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options.name,options.sex,options.age)
    var that = this
    that.setData({
      pname:options.name,
      psex:options.sex,
      page:options.age,
    })
  },