Vue-事件修饰符

官方解释:

在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。

 事件修饰符说明:

  • native: 表明这个是DOM原生的事件,若不加 native ,则Vue会认为该事件名是一个自定义事件,必须要在组件内手动触发;
  • captrue: 表明这个方法是在捕获阶段执行,默认为冒泡执行,参考 addEventListener 方法中的 useCaptrue 参数;
  • prevent: 相当于原生中的 event.preventDefault 阻止默认行为,同时也会阻止事件的向下传递和向上冒泡;
posted @ 2019-04-28 01:27  Honor_Chen  阅读(312)  评论(0编辑  收藏  举报