小程序砖块（二）利用console.log(e)查看和使用事件传值

写小程序时可以利用console.log(e)来查看传值情况并使用

xxx：function(e){
    console.log(e)；
}

然后就可以在调试器中看到传值情况

下面用小程序提供的QuickStart做例子

在index.js的事件处理函数

getUserInfo: function(e) {
    console.log(e)
    app.globalData.userInfo = e.detail.userInfo
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
  }

进行编译后调试器会出现

此时我们更改上面的事件处理函数

getUserInfo: function(e) {
    // console.log(e)
    console.log(e.currentTarget.offsetTop)
    app.globalData.userInfo = e.detail.userInfo
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
  }

编译后调试器出现了

这正是我们上面看到的offsetTop的值

总结：

①function（e）传值

②console.log(e)查看事件传的值有哪些

③e.aaa调用值

如例子中：

①getUserInfo: function(e) {

②// console.log(e)

③console.log(e.currentTarget.offsetTop)