首先,我们在index.wxml中与index.js中添加如下代码:
<button bindtap="alert">bindtap</button>
 
Page({
  data: {},
  alert: function (event) {
    wx.showToast({
      title: '触发成功', // 标题
      icon: 'success', // 图标类型,默认success
      duration: 1500 // 提示窗停留时间,默认1500ms
    })
  }
})
 
有上述例子可知,实现一个事件绑定主要分为两步,第一步我们通过bindtap绑定了一个函数alert,第二我们在Page构造器中定义对应的事件处理函数alert。当户点击button组件时,该组件就会在Page中找到对应的事件函数并执行,这便是一次视图到逻辑的通讯过程。

需要注意的是,此时我们使用的事件是tap,bind只是一个事件前缀,这就像我们用原生JS事件时所有事件前都得加一个on,比如onclick,onchange,这是同一个道理。
除此之外,小程序中的事件支持bindtap与bind:tap两种写法ÿ


















