vue的指令修饰符

  1. v-model.lazy 让事件同步变慢,跟change一样。v-model对于输入框输入东西的敏感度高于change,低于input。
  2. v-model.number 将input框中的数字字符串转成数值类型的,不是数字就忽略掉。
  3. v-model.trim 去掉输入框中输入值的前后空格
  4. v-on:事件.stop 阻止事件冒泡,事件不能冒泡后也不能进行事件代理
  5. v-on:事件.prevent 组织事件默认行为。a标签的点击跳转,form表单的自动提交等。
  6. v-on:事件.self 只有当事件在元素本身身上的时候才触发执行回调函数
  7. v-on:事件.once 只触发一次函数,后面再点击就不会触发了
  8. v-on:事件.capture 拥有这个修饰符的先触发。普通触发流程是本身,逐级往上,window。有capture时,是capture,本身,逐级往上,window。如有多个capture,由内而外触发capture。
  9. @click.capture.stop 可以链式调用,表示事件冒泡过程中先触发,触发后就停止冒泡,这个可以只写一个修饰符,不给具体函数。
  10. 数字修饰符,快捷键修饰符,方向键修饰符。keydown是按键按下时执行,keyup是按键松开时执行。@keyup.13,@keyup.tab,@keuo.left...
  11. 修饰符组合使用 @keyup.ctrl.b,@keyup.meta.8。。。
posted @ 2020-07-02 13:48  阿凡凡没有提  阅读(337)  评论(0编辑  收藏  举报