vue 里面常用的修饰符号

359 阅读1分钟

1 键盘修饰符

@keydown

.enter 键盘名称

.13 keyCode

.ctrl.enter 组件键

2 v-model

.number 将数字字符串转化成数字 '110' -- > 110

.lazy lazy默认执行事件oninput输入触发 懒 将v-model的事件变为 onChange[改变且失去焦点的时候触发]

.trim 去除首尾空格

3 事件修饰符

@click

.stop - 阻止冒泡 调用 event.stopPropagation()。

.prevent - 阻止默认 基本做原生上传会用到阻止默认 a form表单 调用 event.preventDefault()。

.capture - 添加事件侦听器时使用 capture 模式。 改为捕获事件

原生js里面怎么改为捕获

.self - (只点击它本身的时候才会触发) 只当事件是从侦听器绑定的元素本身触发时才触发回调。

.native - 监听组件根元素的原生事件。(*****)

.once - 只触发一次回调。 div.onclick = null

.passive - (2.3.0) 以 { passive: true } 模式添加侦听器 (滚动事件修饰符的时候使用)

// 移动 touchstart touchend touchmove

4 鼠标事件修饰符

@mousedown

.left - (2.2.0) 只当点击鼠标左键时触发。

.right - (2.2.0) 只当点击鼠标右键时触发。

.middle - (2.2.0) 只当点击鼠标中键时触发