Vue-事件修饰符
官方解释:
在事件处理程序中调用
event.preventDefault()
或event.stopPropagation()
是非常常见的需求。尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。
事件修饰符说明:
- native: 表明这个是DOM原生的事件,若不加 native ,则Vue会认为该事件名是一个自定义事件,必须要在组件内手动触发;
- captrue: 表明这个方法是在捕获阶段执行,默认为冒泡执行,参考 addEventListener 方法中的 useCaptrue 参数;
- prevent: 相当于原生中的 event.preventDefault 阻止默认行为,同时也会阻止事件的向下传递和向上冒泡;