学校排行榜

(0)

投一票

Vue3中.stop事件修饰符 官网

在Vue3里,.stop事件修饰符可阻止事件冒泡。事件冒泡是指事件从子元素向父元素传递。使用.stop修饰符,能让事件只在当前元素触发,不向上级元素传递。 template div @click="parentClick" button @click.stop="childClick"点击我/button /div/templatescript setupconst parentClick = () = { console.log('父元素被点击'); // 运行结果:若点击按钮,此函数不会执行}const childClick = () = { console.log('子元素被点击'); // 运行结果:点击按钮时,此函数会执行}/script 特别提示:.stop修饰符仅对当前绑定的事件起作用,不影响其他事件绑定。
专业
评论
新闻
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。