vue事件绑定中的事件修饰符

在vue中，我们不需要操作Dom元素，可以很方便的绑定事件，其中就有事件修饰符来解决一些Dom事件的细节。

vue.js中给v-on（简写：@）提供了事件修饰符，修饰符是由点开头的指令后缀来表示的。

• .stop
• .prevent
• .capture
• .self
• .once
• .passive

1..stop

会阻止冒泡。

点击

2.prevent

会阻止默认行为发生

跳转百度页面

3.capture

捕获冒泡，即有冒泡发生时，有该修饰符的dom元素会先执行，如果有多个，从外到内依次执行，然后再按本来的顺序执行触发的事件。

...

4.self

将事件绑定到当前元素自身，只有当前元素自身才能触发，通常用于避免冒泡事件的影响

 

5.once

设置事件只能触发一次

 

6.passive

passive 会告诉浏览器你不想阻止事件的默认行为。提早告诉，提高性能。