首先,我们在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
两种写法ÿ