Vant - checkBox组件阻止事件冒泡

原创于 2022-03-02 11:07:36 发布

· 2.4k 阅读

3 ·

版权

文章标签：

#vue.js #javascript #vant #前端 #冒泡

vue 同时被 2 个专栏收录

23 篇文章

订阅专栏

前端框架问题总结

10 篇文章

订阅专栏

在本文中，我们将探讨如何在Vue.js中使用Vant的checkBox组件，并通过@click.stop.native事件修饰符来阻止事件冒泡。示例代码展示了一个包含条件渲染的checkBox，当点击checkbox时，事件不会向上冒泡到父元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vant - checkBox组件阻止事件冒泡

使用 @click.stop.native="()=>{}"

<div class="left" v-if="isShowCheckBox">
     <van-checkbox v-model="isChecked" checked-color="#00B955"  @change="checkBox()" @click.stop.native="()=>{}" ></van-checkbox>
</div>

在这里插入图片描述

Vant - checkBox组件 阻止事件冒泡

Vant - checkBox组件 阻止事件冒泡

Vant - checkBox组件阻止事件冒泡

Vant - checkBox组件阻止事件冒泡