Vue教程(十一)事件监听

最新推荐文章于 2024-08-27 22:17:50 发布

原创

最新推荐文章于 2024-08-27 22:17:50 发布 · 521 阅读

0 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载。

本文详细介绍了Vue教程中事件监听的使用，包括.stop用于阻止事件冒泡，.prevent阻止默认行为，.{keyCode|keyAlias}针对特定按键触发，.native监听组件根元素原生事件，以及.once确保回调只执行一次。同时，提供了相关代码示例，帮助读者深入理解Vue事件处理机制。

Vue教程(十一)事件监听

事件监听

【.stop】 - 调用 event.stopPropagation()
【.prevent】 - 调用 event.preventDefault()
【.{keyCode | keyAlias}】 - 只当事件是从特定键触发时才触发回调
【.native】 - 监听组件根无素的原生事件
【.once】 - 只触发一次回调

代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>11_event_listener</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  </head>
  <body>
    <h3>事件监听</h3>
    <span>在某些情况下，我们拿到event的目的可能是进行一些事件的处理</span>