事件修饰符
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">
修饰键(修饰符)
- .ctrl
- .alt
- .shift
- .meta
示例
<!-- 按下Ctrl + enter时触发 -->
<input @keydown.ctrl.13="submit">