谈谈Vue常用的修饰符

136 阅读1分钟

事件修饰符

  • .stop 阻止点击事件冒泡
  • .prevent 阻止事件的默认行为
  • .self 当事件是事件绑定的元素本身触发时,才会调用事件
  • .once 只触发一次
  • .native 转化为原生事件
  • .capture 使用事件捕获模式,即元素自身触发的事件先在此处处理,然后才交由内部元素进行处理
  • .passive 主要用在移动端的scroll事件,来提高浏览器响应速度,提升用户体验。保证了监听器不会调用preventDefault()。浏览器解放了,不用等待js运行结果,就会立刻响应滚动,这就确保了流畅的滚动体验。

表单修饰符

  • .lazy 在表单改变后才触发(也就是只有input不聚焦的时候才会执行)
  • .trim 消除首尾的空格
  • .number 将输入值转化为数值类型