Vue3中事件stop修饰符的使用场景 官网
事件stop修饰符常用于需要阻止事件冒泡的场景,比如多层嵌套元素的点击事件。 div @click=handleDivClick span @click.stop=handleSpanClick点击这里/span /div script setupconst handleDivClick = () = { console.log(div被点击); // 运行结果:若点击span,因使用stop修饰符,不会输出此信息}const handleSpanClick = () = { console.log(span被点击); // 运行结果:点击span时输出此信息}/script 在多层嵌套元素中,合理使用stop修饰符可避免不必要的事件触发。