美文网首页
vue 事件修饰符

vue 事件修饰符

作者: Howie126313 | 来源:发表于2018-04-18 15:19 被阅读0次

.stop 阻止事件冒泡

<a v-on:click.stop="click"></a>

.prevent 阻止默认事件

<a v-on:click.prevent="click"></a>

.capture 事件捕获

<a v-on:click.capture="click"></a>

.self 只有点击元素本身才触犯事件

<a v-on:click.self="click"></a>

.once 只触发一次

<a v-on:click.self="click"></a>

注意:修饰符可以串联使用,但是需要注意顺序。
官方文档:https://vuejs.org/v2/guide/events.html

相关文章

  • Vue事件修饰符

    Vue 事件修饰符 事件修饰符结合使用

  • vue中的修饰符

    事件修饰符 使用vue,让代码中只有纯粹的数据逻辑,而不是去处理DOM事件细节。 ---事件修饰符vue事件修饰符...

  • 2020-12-29

    Vue修饰符和事件 Vue修饰符:用来修饰事件的操作例如: 代码举例:阻止默认动作 1、v-on和其他支持的修饰符...

  • 在vue中使用.stop阻止单击事件继续传播

    一、vue的事件修饰符 为了不在方法中处理DOM事件细节,vue中提供6个事件修饰符。分别是: .stop .pr...

  • Vue事件修饰符详解

    Vue事件修饰符详解(转) 整体学习Vue时看到Vue文档中有事件修饰符的描述,但是看了之后并没有理解是什么意思,...

  • vue30道面试题

    vue的修饰符 1.事件修饰符 prevent 阻止默认事件(在指定的事件后进行默认事件的阻止) stop阻止事件...

  • Vue.js 事件修饰符

    事件修饰符 Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventD...

  • vue事件、指令、钩子

    vue事件、指令、钩子 vue的事件修饰符:.stop:阻止冒泡.prevent:阻止默认行为.capture:捕...

  • vue事件修饰符

    js事件默认冒泡: 点击内层的元素会触发外层的事件。(解决方法如下:) 事件修饰符 vue提供了事件修饰符,...

  • 31.Vue v-model 修饰符

    与 Vue事件修饰符 类似,v-model也有修饰符,用于控制数据同步。 案例

网友评论

      本文标题:vue 事件修饰符

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