Vue3事件capture修饰符的使用场景 官网
当需要在外层元素先处理事件时,可使用capture修饰符。比如,在多层嵌套元素中,要先执行外层元素的点击逻辑。 div @click.capture=handleOuterClick 外层元素 div @click=handleInnerClick内层元素/div /div script setupconst handleOuterClick = () = { console.log(外层元素捕获点击); // 运行结果:先输出外层元素捕获点击}const handleInnerClick = () = { console.log(内层元素点击); // 运行结果:后输出内层元素点击}/script 使用capture修饰符时,要考虑好事件处理的先后顺序,避免逻辑混乱。