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中的事件修饰符的主要内容,如果未能解决你的问题,请参考以下文章