美文网首页
v-on的事件修饰符

v-on的事件修饰符

作者: Mthinkway | 来源:发表于2019-03-19 09:55 被阅读0次

.stop:阻止事件冒泡(对后代元素)

.prevent:阻止事件默认行为

.capture:使用事件捕获机制

.self:不受事件冒泡和事件捕获影响,只有自身元素才能触发事件(自身不受影响)

.once:事件只能触发一次

  1. 用法:如@click.stop="方法名"
  2. 补充:事件修饰符可以串联

相关文章

  • vue笔记

    访问事件对象,传入参数$event, 事件修饰符 (修饰符可以串联使用v-on:click.stop.preve...

  • Vue.js 事件修饰符

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

  • vue 事件处理

    v-on:eventName 绑定事件 事件修饰符 对应原生JS .prevent阻止默认事件-----.prev...

  • 2020-12-29

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

  • vue05 事件监听

    事件监听1、v-bind的简便写法::2、v-on的简便写法:@ + v-on的修饰符 条件判断:

  • v-on的使用及修饰符的用法

    v-on的使用及修饰符的用法 @是v-on的简写 后面紧跟事件名称,支持标准事件 使用event 有时也需要在内联...

  • v-on 指令

    v- 开头 1. v-on 两种修饰符 1)事件修饰符(4种)prevent,stop,capture,self ...

  • 4. Vue 事件修饰符

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

  • vue的事件修饰符

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

  • VUE.js学习笔记--vue的各种修饰符

    按键修饰符 在监听键盘事件时,我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符...

网友评论

      本文标题:v-on的事件修饰符

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