微信小程序 ---参数传递

今天我们学到了如何在两个页面之间传递参数，利用到了组件navigator，代码示例如下

<navigator url="/pages/logs/logs?age=100" redirect>
  <button type="primary">登陆</button>
  <view>{{moto}}</view>
  </navigator>

就是在url地址符号最后加“？”表示传递，命名一个对象，给他赋值。在接受页面的生命周期函数onLoad中对参数进行接收，如果多个就用“&”隔开。示例如下

Page({

  /**
   * 页面的初始数据
   */
  data: {
    Receive:null
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log("-----logs_onLoad--------")
    console.log(options)
    this.setData({ Receive: options.age })/**顺便提一下这里的options对象作为动态的传值变量**/
  }

生命周期onLoad函数中将传递过来的age的值赋给Receive，在页面中将传值打印出来。如下图

参数传递

无言中，只怪平时不看书，url中“？”的作用

来自简书App