vue 常用修饰符

  1. 事件修饰符
.stop  阻止事件冒泡

.prevent   提交事件不再重复加载页面,阻止表单提交的默认行为

.capture   优先触发 用于捕获监听,冒泡是从内到外,捕获是从外到里

.self   只有自己能触发,子元素无法触发

.once   点击事件只触发一次

.native  使用时将被当成原生HTML标签看待
  1. 按键修饰符
@keyup  键盘抬起

@keydown  键盘按下

space=''      对键盘输入空格进行监听

按键码的别名:
      .enter 
      .tab 
      .delete 
      .esc 
      .space 
      .up 
      .down 
      .left 
      .right
  1. 表单修饰符
.lazy:在表单输入时不会马上显示在页面,而是等输入完成失去焦点时才会显示;

.trim:过滤表单输入时两边的空格;

.number:限制输入数字或将输入的数据转为数字
  1. 系统修饰符
@click.strl     点击+按住ctrl键,才能实现方法

类似的还有:
    .ctrl 
    .alt 
    .shift 
    .meta

.exact 修饰符    赋值其他修饰符进行精确匹配,@click.ctrl  必须只点击+按住ctrl键才会触发方法,另外还按住其他键不会触发
 用法  @click.ctrl.exact=""
  1. 鼠标按键修饰符
主要是鼠标的左右键、滚轮
 @click.rigth 触发鼠标右击事件

 @click.rigth.prevent 右键生效,prevent可以取消右击的默认事件,顺序不可以乱
  
.middle触发滚轮事件