首页 > 其他 > 详细

VUE-修饰符

时间:2020-01-17 16:15:57      阅读:97      评论:0      收藏:0      [点我收藏+]

1. 事件修饰符:

  • .stop
  • .prevent
  • .capture
  • .self
  • .once (还可被用至自定义的组件事件上)
  • .passive (尤其能够提升移动端的性能)

技术分享图片

技术分享图片

2.  按键修饰符:

  按键码:(已被废弃,最新浏览器可能不支持)

  • .enter
  • .tab
  • .delete (捕获“删除”和“退格”键)
  • .esc
  • .space
  • .up
  • .down
  • .left
  • .right

技术分享图片

3.  系统修饰键:

  可以用如下修饰符来实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。

  • .ctrl
  • .alt
  • .shift
  • .meta
  • .exact (允许你控制由精确的系统修饰符组合触发的事件。)

技术分享图片

技术分享图片

4.  鼠标按钮修饰符:

  这些修饰符会限制处理函数仅响应特定的鼠标按钮。

  • .left
  • .right
  • .middle

5.  .lazy

  你可以添加 lazy 修饰符,从而转变为使用 change 事件进行同步:

  <!-- 在“change”时而非“input”时更新 -->

  <input v-model.lazy="msg" >

6.  .number

  自动将用户的输入值转为数值类型

7.  .trim

  如果要自动过滤用户输入的首尾空白字符,可以给 v-model 添加 trim 修饰符:

VUE-修饰符

原文:https://www.cnblogs.com/channnal/p/12205840.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!