vue常用的修饰符

vue常用的修饰符

<!-- 阻止单击事件冒泡 -->
<a @click.stop="handle"></a>

<!-- 提交事件不再重载页面 -->
<form @submit.prevent="handle"></form>

<!-- 只有修饰符 -->
<form @submit.prevent></form>

<!-- 修饰符可以串联 -->
<a @click.stop.prevent="handle"></a>

<!-- 添加事件侦听器时使用事件捕获模式 -->
<div @click.capture="handle">...</div>

<!-- 只有当事件在该元素本身（而不是子元素）触发时触发回调 -->
<div @click.self="handle">...</div>

<!-- 只触发一次，组件同样调用 -->
<div @click.once="handle">...</div>

<!-- 只有在keyCode是13时调用vm.submit() -->
<input @keyup.13="submit"/>

@ cc