【Vue】事件修饰符

Vue中包含6个事件修饰符，其中三个的使用频率很高，另外三个作为了解即可。

1、阻止默认  prevent

例：

<a href="http://www.baidu.com" @click = "showInfo">点击跳转</a>

点击链接会跳转页面，阻止默认即阻止页面跳转。

方法一：在showInfo方法中传入参数e，使用e.preventDefault（）

方法二：@click.prevent = "showInfo"

 

 2、阻止冒泡  stop

例：

<a href="http://www.baidu.com" @click = "showInfo">点击跳转</a>

方法一：在showInfo方法中传入参数e，使用e.preventPropagation（）

方法二：@click.stop = "showInfo"

 

3、 事件只触发一次  once

例：

<button @click="showInfo"> 点击 </button>

使button按