资讯专栏INFORMATION COLUMN

本文我们来详细介绍下vue中的事件修饰符

darcrand / 273人阅读

摘要:本文我们来详细介绍下中的事件修饰符事件修饰符事件修饰符概览修饰符说明阻止冒泡阻止默认事件添加事件侦听器时使用事件捕获模式只当事件在该元素本身比如不是子元素触发时触发回调事件只触发一次事件修饰符具体介绍用来防止冒泡,我们先来看看冒泡的场景

 本文我们来详细介绍下vue中的事件修饰符

Vue事件修饰符
事件修饰符概览
修饰符 说明
.stop 阻止冒泡
.prevent 阻止默认事件
.capture 添加事件侦听器时使用事件捕获模式
.self 只当事件在该元素本身(比如不是子元素)触发时触发回调
.once 事件只触发一次

事件修饰符具体介绍
.stop
  .stop用来防止冒泡,我们先来看看冒泡的场景





Document



文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106273.html

相关文章

  • 详解vue组件三大核心概念

    摘要:前言本文主要介绍属性事件和插槽这三个基础概念使用方法及其容易被忽略的一些重要细节。至于如何改变,我们接下去详细介绍单向数据流这个概念出现在组件通信。比如上例中在子组件中修改父组件传递过来的数组从而改变父组件的状态。的一个核心思想是数据驱动。 前言 本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件,也可以从这三个部分展开,它们...

    rickchen 评论0 收藏0
  • Vue 基础语法

    摘要:在生成的项目中,我们打开文件夹下组件,为便于演示,删减了一部分内容本文中的例子都将改造组件来演示语法一创建组件在中,有好几种方式用来创建组件,后面会单独写一篇文章来介绍。表达式插值中也支持表达式插值用双大括号将表达式括起来。 Vue 的官方文档写的非常棒(另一个我觉得中文文档写的很好地是 Ant-Design)。 这篇文章以使用 vue-cli 生成的项目为基础,以完整 demo 的...

    saucxs 评论0 收藏0
  • Vue原理】Compile - 源码版 之 generate 拼接绑定的事件

    摘要:写文章不容易,点个赞呗兄弟专注源码分享,文章分为白话版和源码版,白话版助于理解工作原理,源码版助于了解内部详情,让我们一起学习吧研究基于版本如果你觉得排版难看,请点击下面链接或者拉到下面关注公众号也可以吧原理源码版之拼接绑定的事件今天我们 写文章不容易,点个赞呗兄弟 专注 Vue 源码分享,文章分为白话版和 源码版,白话版助于理解工作原理,源码版助于了解内部详情,让我们一起学习吧研究...

    OnlyMyRailgun 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<