vue中的事件修饰符

Posted xzhce

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中的事件修饰符相关的知识,希望对你有一定的参考价值。

 

1.默认触发,先触发里面的,在触发外面的,冒泡,阻止冒泡stop

<div v-bind:title="title+‘123‘">title</div>
<p>{{msg}}</p>
<div @click="outer">

<button @click.stop="innter">浪起来</button>

</div>

阻止传入上一级,输出的是innterli里面的内容

2.阻止默认行为,@click.prevent

 

3.捕获从外-里面输出出发,capture

<div @click.capture="outer">
<button @click="innter">浪起来</button>
</div>

</div>

4.@click.self=只是要点击我自己才会触发这个时间

5.once只触发一次函

以上是关于vue中的事件修饰符的主要内容,如果未能解决你的问题,请参考以下文章

浅析Vue中的 .sync 修饰符

咋使用VUE中的事件修饰符

键盘事件、事件修饰符

20 六种事件修饰符:stoppreventcaptureselfonce和passive解决冒泡事件

Vue.js 鼠标事件处理程序修饰符

Vue常用修饰符