vue--点击事件阻止冒泡的方法

vue—click点击事件的冒泡行为**1. click.stop就是外层包内层，内层写了.stop不会触发到外层的，只触发内层.prevent就是阻止默认跳转链接，比如写了一个百度链接，没有prevent会默认跳转到百度网页，写了这个prevent就会阻止自动跳转行为.capture就是外层包内层，外层写了capture行为，只会触发外层，而内层是先触发外层，再触发内层.self就是外层包内层，

@逆风boy

7057人浏览 · 2021-10-31 22:46:12

@逆风boy · 2021-10-31 22:46:12 发布

vue—click点击事件的冒泡行为

**1. click.stop就是外层包内层，内层写了.stop不会触发到外层的，只触发内层

.prevent就是阻止默认跳转链接，比如写了一个百度链接，没有
prevent会默认跳转到百度网页，写了这个prevent就会阻止自动跳转行为
.capture就是外层包内层，外层写了capture行为，只会触发外层，而内层是先触发外层，再触发内层
.self就是外层包内层，内层包按钮事件，内层写了.self行为，外层只会触发外层，内层先触发内层，再外层，点击按钮事件，先触发按钮事件，再触发外层，不会触发内层
、click.prevent.once就是，第一次点击触发hrfe，不会跳转链接，第二次点击就会跳转链接**

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