.capture先执行父级的函数，再执行子级的触发函数
<div v-on:click.capture='alert("1")' style="width: 100%;height:45px;">
<div v-on:click="alert('2')" style='width: 80%;margin-left: 10%;'>
123
</div>
</div>
此时点击子级的div时，会先执行alert(‘1’),再执行alert(‘2’)
self是只执行子级本身的函数
<div v-on:click.self='alert("1")' style="width: 100%;height: 45px;">
<div v-on:click="alert('2')" style='width: 80%;margin-left: 10%;'>
123
</div>
</div>
此时点击子级的div会执行alert(‘2’)，不会执行alert(‘1’)
.capture先执行父级的函数，再执行子级的触发函数 此时点击子级的div时，会先执行alert(‘1’),再执...
vue的事件修饰符：.stop：阻止冒泡.prevent：阻止默认行为.capture 捕获.self ...
vue的事件修饰符： .stop：阻止冒泡 .prevent：阻止默认行为 .capture .self .onc...
vue的事件修饰符：.stop：阻止冒泡.prevent：阻止默认行为.capture.self CommonJS...
vue的事件修饰符：.stop：阻止冒泡.prevent：阻止默认行为.capture.self CommonJS...
vue的事件修饰符：.stop：阻止冒泡.prevent：阻止默认行为.capture.self CommonJS...
Vue.js 为 v-on 提供了事件修饰符 .stop .prevent .capture .self .onc...
vue的事件修饰符：.stop：阻止冒泡.prevent：阻止默认行为.capture.self.once：只触发...
vue的事件修饰符：.stop：阻止冒泡.prevent：阻止默认行为.capture.self.once：只触发...
当编写protocol和针对protocol进行扩展时，Self（大写S）和self（小写S）之间存在差异。当与大...
本文标题：vue中capture和self的区别
本文链接：https://www.haomeiwen.com/subject/aguqwqtx.html
网友评论