elementui的组件自带的点击事件怎么防止事件冒泡

vue中阻止事件冒泡是需要在click点击事件加上.stop就可以，<div @click="">父级<div @click.stop="">子级</div></div>在使用element ui时，组件有很多自带的点击事件，要阻止事件冒泡就需要在组件外层套一个div，然后同样的加上@click.stop就好了<div @click.stop&

会飞的虫儿飞

9765人浏览 · 2020-08-06 11:04:20

会飞的虫儿飞 · 2020-08-06 11:04:20 发布

vue中阻止事件冒泡是需要在click点击事件加上.stop就可以，

<div @click="">
	父级
	<div @click.stop="">子级</div>
</div>

在使用element ui时，组件有很多自带的点击事件，要阻止事件冒泡就需要在组件外层套一个div，然后同样的加上@click.stop就好了

<div @click.stop>
  <el-dropdown></el-dropdown> 
</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}$/, //不连续的两位字母// /^