vue中的事件修饰符

标签：vue   内容   bsp   stop   pre   cap   自己   div   修饰符   

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   内容   bsp   stop   pre   cap   自己   div   修饰符   

原文地址：https://www.cnblogs.com/xzhce/p/12889631.html