<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title></head><body><!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><div id="app"> <div @click="div"> <span @click="span">1231</span> </div></div><script> new Vue({ el: '#app', data: { }, methods: { span() { console.log('span'); }, div() { console.log('div'); }, } })</script></body></html>先触发了span, 再触发div
3 回答
RISEBY
TA贡献1856条经验 获得超5个赞
js处理事件默认都是在冒泡阶段(vue也是)，所以会先触发span再触发div，vue中可以通过事件修饰符让事件在捕获阶段触发
<div :click.capture="handleClick">...</div>
添加回答
举报
0/150
提交
取消