「Vue」v-on修饰符

修饰符stop阻止冒泡 -->
<!-- <div id="myvue" @click="divc" class="d1">
<input type="button" name="" id="" value="大按钮" @click.stop="btn"/>
</div> -->

<!-- 使用.prevent阻止默认行为 -->
<!-- <div id="myvue">
<a href="https://www.baidu.com" @click.prevent="link">有问题,找百度</a>
</div> -->

<!-- 使用.capture 实现捕获触发机制 -->
<!-- <div id="myvue" @click.capture="divc" class="d1">
<input type="button" name="" id="" value="大按钮" @click="btn"/>
</div> -->

<!-- 使用.self实现只触发自身事件 -->
<!-- <div id="myvue" @click.self="divc" class="d1">
<input type="button" name="" id="" value="大按钮" @click="btn"/>
</div> -->

<!-- 使用.once实现只触发一次
<div id="myvue">
<a href="https://www.baidu.com" @click.prevent.once="link">有问题,找百度</a>
</div>

猜你喜欢

转载自www.cnblogs.com/wrxblog/p/10504375.html