<!-- 使用 .stop 阻止冒泡事件-->
<div class="inner" @click="divHandler">
<input type="" name="" @click.stop="btnHandler">
</div>
<!-- 使用 .prevent阻止默认行为 -->
<a href="" @clcik.prevent="linkClick"></a>
<!-- 使用 .capture实现捕获触发事件的机制 -->
<div class="inner" @click.capture="divHandler">
<input type="" name="" @click="btnHandler">
</div>
<!-- 使用 .self实现只有点击当前元素的时候,才会触发事件处理函数 -->
<div class="inner" @click.self="divHandler">
<input type="" name="" @click="btnHandler">
</div>
<!-- 使用 .once只触发一次事件处理函数 -->
<a href="" @clcik.prevent.once="link"></a>
vue笔记之事件修饰符
猜你喜欢
转载自blog.csdn.net/qq_36781179/article/details/82761510
今日推荐
周排行