vue 事件处理

vue使用v-on指令监听DOM事件，之前我们有用过v-on指令实现增加数字的需求，我们把那个例子改改拿出来：

上面是v-on最基础的使用方法，此外v-on还有修饰符。

先来看看事件修饰符：.stop、.prevent、capture、.self、.once、.passive，我们引用一下官网的例子：

使用事件修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用 v-on:click.prevent.self 会阻止所有的点击，而 v-on:click.self.prevent 只会阻止对元素自身的点击。

此外还有按键修饰符，以下是常用的按键码的别名：.enter、.tab、.delete (捕获“删除”和“退格”键)、.esc、.space、.up、.down、.left、.right。

系统修饰符：.ctrl、.alt、.shift、.meta。注意：在 Mac 系统键盘上，meta 对应 command 键 (⌘)。在 Windows 系统键盘 meta 对应 Windows 徽标键 (⊞)。在 Sun 操作系统键盘上，meta 对应实心宝石键 (◆)。在其他特定键盘上，尤其在 MIT 和 Lisp 机器的键盘、以及其后继产品，比如 Knight 键盘、space-cadet 键盘，meta 被标记为“META”。在 Symbolics 键盘上，meta 被标记为“META”或者“Meta”。

.exact 修饰符允许你控制由精确的系统修饰符组合触发的事件。

鼠标按键修饰符：.left、.right、.middle。

Vue

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。