美文网首页Weex
Weex语法——事件

Weex语法——事件

作者: 阿凡提说AI | 来源:发表于2017-01-21 13:58 被阅读7次

    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: 事件触发的时间戳

    相关文章

      网友评论

        本文标题:Weex语法——事件

        本文链接:https://www.haomeiwen.com/subject/ppzgbttx.html