Vue3中的事件stop修饰符简介 官网
在Vue3里,事件stop修饰符用于阻止事件冒泡。事件冒泡指子元素触发的事件会向上级元素传递。 div @click=outerClick button @click.stop=innerClick点击我/button /div script setupconst outerClick = () = { console.log(外层div被点击); // 运行结果:若使用stop修饰符,点击按钮时不会输出此信息}const innerClick = () = { console.log(按钮被点击); // 运行结果:点击按钮时输出此信息}/script 使用stop修饰符后,子元素事件不会触发父元素的相同事件。