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

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

iloveyougirls

45383人浏览 · 2017-08-30 22:56:15

iloveyougirls · 2017-08-30 22:56:15 发布

使用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}$/, //不连续的两位字母// /^