Vue常用修饰符总结

一、事件修饰符

[email protected]阻止事件冒泡（相当于event.stopPropagation() ）

    

       
        

            {{username}}
        
    
    

[email protected]阻止默认行为

    

        
     {{go}}
        
    

[email protected]阻止行为的串联使用（修饰符可以串联使用）

    

      
        

            {{username}}
        
    
    

[email protected]提交事件不在重载页面

[email protected]点击当前元素时触发，也有冒泡行为，阻止的是子元素的

二、按键修饰符

常用的按键修饰符如下：

1.@keydown键盘按下触发事件

2.@keyup键盘弹起时触发

[email protected]回车触发

4.其他按键修饰符还有以下等等：（在这就不一一赘述了）

.tab  tab键

.delete  捕获删除或退格按键

.esc 取消键

.space 空格键

.up 上

.down 下

.left 左

.right 右

三、自定义事件修饰符

有时候Vue内置的修饰符可能无法满足我们的要求，那么在Vue中可以通过config.keyCodes自定义按键修饰符别名。