美文网首页
vue 事件修饰符

vue 事件修饰符

作者: 0000000asdasd | 来源:发表于2019-06-22 19:31 被阅读0次

.capture.stop 只触发当前点击标签的监听事件
.capture 阻止捕获
.stop 阻止冒泡
.once 只触发一次
.prevent 阻止默认事件
.self 只触发自身范围的事件
.trim 去除前后空格

@keyup 监听键盘事件 使用特定修饰符或者键盘按键对应的 键值码,或者 使用 config.keyCodes 对象[自定义按键修饰符别名]
Vue.config.keyCodes.f1 = 112
.enter:回车键
.tab:制表键
.delete:含delete和backspace键
.esc:返回键
.space: 空格键
.up:向上键
.down:向下键
.left:向左键
.right:向右键
.ctrl
.alt
.shift
.meta
@keyup.alt.67 Alt + C
.exact 修饰符允许你控制由精确的系统修饰符组合触发的事件。
@click.ctrl.exact 有且只有 Ctrl 被按下的时候才触发

.left:鼠标左键
.middle:鼠标中间滚轮
.right:鼠标右键

相关文章

  • 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/xdaptctx.html