学校排行榜

(0)

投一票

Vue3事件capture修饰符的使用场景 官网

当需要在外层元素先处理事件时,可使用capture修饰符。比如,在多层嵌套元素中,要先执行外层元素的点击逻辑。 div @click.capture=handleOuterClick 外层元素 div @click=handleInnerClick内层元素/div /div script setupconst handleOuterClick = () = { console.log(外层元素捕获点击); // 运行结果:先输出外层元素捕获点击}const handleInnerClick = () = { console.log(内层元素点击); // 运行结果:后输出内层元素点击}/script 使用capture修饰符时,要考虑好事件处理的先后顺序,避免逻辑混乱。
专业
评论
新闻
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。