vue 事件处理

监听事件

我们可以使用 v-on 指令 (简写为 @) 来监听 DOM 事件,并在事件触发时执行对应的 JavaScript。用法:v-on:click="handler" 或 @click="handler"

事件处理器 (handler) 的值可以是:

  1. 内联事件处理器:事件被触发时执行的内联 JavaScript 语句 (与 onclick 类似)。

  2. 方法事件处理器:一个指向组件上定义的方法的属性名或是路径。

内联事件处理器

内联事件处理器通常用于简单场景,例如:

const count = ref(0)
<button @click="count++">Add 1</button>
<p>Count is: {{ count }}</p>

 

相关推荐

  1. Vue - 事件处理详解

    2024-03-29 01:20:01       55 阅读
  2. vue3--事件处理

    2024-03-29 01:20:01       42 阅读
  3. vue 事件处理

    2024-03-29 01:20:01       41 阅读
  4. Vue2事件处理

    2024-03-29 01:20:01       33 阅读
  5. 前端vue2学习(事件处理)总结

    2024-03-29 01:20:01       46 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-29 01:20:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-29 01:20:01       101 阅读
  3. 在Django里面运行非项目文件

    2024-03-29 01:20:01       82 阅读
  4. Python语言-面向对象

    2024-03-29 01:20:01       91 阅读

热门阅读

  1. Zigbee技术在智能农业领域的应用研究

    2024-03-29 01:20:01       48 阅读
  2. 每日OJ题_栈②_力扣844. 比较含退格的字符串

    2024-03-29 01:20:01       50 阅读
  3. 在nodejs中打开浏览器网页

    2024-03-29 01:20:01       40 阅读
  4. mysql select

    2024-03-29 01:20:01       36 阅读
  5. OCR识别文字示例

    2024-03-29 01:20:01       43 阅读
  6. 数组常见算法代码总结

    2024-03-29 01:20:01       43 阅读
  7. 02 React 组件使用

    2024-03-29 01:20:01       45 阅读
  8. vue的插槽

    2024-03-29 01:20:01       48 阅读
  9. C语言-数据在内存存储

    2024-03-29 01:20:01       36 阅读