Vue教程(十一)事件监听

_否极泰来_

于 2021-08-08 10:43:23 发布

阅读量511

点赞数

CC 4.0 BY-SA版权

分类专栏： # Vue教程

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

本文链接：https://blog.csdn.net/yuan_xw/article/details/119510542

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>