小程序 / 事件

1.什么是事件

（1）事件是视图层—逻辑层的通讯方式

（2）事件可以将用户的行为反馈到逻辑层进行处理

（3）事件可以绑定在组件上，当达到触发事件的时候，就会执行逻辑层中对应的事件处理函数

（4）事件对象可以携带额外信息，如 id，dataset，touches

2.bindtap一般使用

就是类似于JS中的click事件，vue中的@click事件

<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>

tapName(event){
  console.log(event)
}

 

 3.bindtap + WXS函数响应事件

<wxs module="wxs" src="./logs.wxs"></wxs>
<view id="tapTest" data-hi="WeChat" bindtap="{{wxs.tapName}}"> Click me! </view>

function tapName(event, ownerInstance){
  console.log(JSON.stringify(event))
  console.log(JSON.stringify(ownerInstance))
}
module.exports = {
  tapName: tapName
} 

 

 

借鉴：https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html