vue面试:vue常用修饰符

92 阅读1分钟

事件修饰符

1. .stop:      阻止事件冒泡
2. .prevent    阻止标签默认行为
3. .once       事件只会触发一次
4. capture     使用事件捕获模式,即元素自身触发的事件先在此处理,然后才交由内部元素处理
5. self        当event.target是当前元素时触发处理函数
6. passive     通知浏览器,不阻止事件的默认行为
示例
<a v-on:click.stop="doThis"></a>

v-model修饰符

1. .lazy       默认情况下,v-model同步输入的值和数据,可以通过.lazy修饰符,转变为在change事件在同步
2. .number     自动将input输入的值转为Number类型
3. .trim      自动清除首尾空格
示例
<input v-model.trim="msg">

键盘事件修饰符

1. .enter     回车键
2. .tab       制表键
3. .esc       返回键
4. .space     空格键
5. .up        向上键
6. .down      向下键
7. .left      向左键
8. .right     向右键
示例
<input @keyup.enter="submit">  

修饰键(修饰符)

  1. .ctrl
  2. .alt
  3. .shift
  4. .meta
示例
<!-- 按下Ctrl + enter时触发 -->
<input @keydown.ctrl.13="submit">