在vue中阻止click事件冒泡，防止触发冒泡另一个事件

使用vue阻止子级元素的click事件冒泡，很简单，用stop<div @click="test1()"><span @click.stop="test2()">按钮1</span><span>按钮2</span></div>这样点击div里面的按钮1，就不会触发div绑定时间test1()方法...

哈哈hyc

3341人浏览 · 2020-07-01 10:45:07

哈哈hyc · 2020-07-01 10:45:07 发布

使用vue阻止子级元素的click事件冒泡，很简单，用stop

<div @click="test1()">
    <span @click.stop="test2()">按钮1</span>
    <span>按钮2</span>
</div>

这样点击div里面的按钮1，就不会触发div绑定时间test1()方法

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^