vue子元素点击阻止父元素事件

做练习时发现父子元素都绑定点击事件，点击子元素会自动执行父元素的点击事件，目前的解决方法是子元素绑定事件加上.stop，阻止事件冒泡<div class="father" @click="handledata()"><div class="son" @click.stop="handlesondata()"></div></div>...

前端小白记录

4155人浏览 · 2022-03-23 08:51:11

前端小白记录 · 2022-03-23 08:51:11 发布

做练习时发现父子元素都绑定点击事件，点击子元素会自动执行父元素的点击事件，目前的解决方法是子元素绑定事件加上.stop，阻止事件冒泡
<div class="father" @click="handledata()"><div class="son" @click.stop="handlesondata()"></div></div>

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