weex 允许对<template> 中的元素绑定事件处理器。属性名称是以on...为前缀加事件类型 和处理函数名。例如:onclick="handler"
<template>
<image onclick="handler" ...></image>
</template>
<script>
module.exports = {
methods: {
handler: function (e) {
// TODO
}
}
}
</script>
当用户点击图片时, <script> 中定义的handler 函数将被执行。
添加参数
除了使用方法名外,你也可以自定义入参。
<template>
<image onclick="handler('arg1', $event)" ...></image>
</template>
<script>
module.exports = {
methods: {
handler: function (arg1, e) {
// TODO
}
}
}
</script>
事件对象
当一个事件函数被调用,它会收到的第一个参数就是事件对象。每个事件对象包含一下属性。
- type: 事件名称, 如: click
- target: 目标元素
- timestamp: 事件触发的时间戳
网友评论