-
Vue3中事件stop修饰符的使用场景
2025/12/13 点击：4976
事件stop修饰符常用于需要阻止事件冒泡的场景，比如多层嵌套元素的点击事件。 template div @click="handleDivClick" span @click.stop="handleSpanClick"点击这里/span /div/templatescript setupconst handleDivClic
-
Vue3事件capture修饰符简介
2025/12/13 点击：1107
在Vue3里，事件capture修饰符用于改变事件的传播顺序。通常，事件按从内向外的冒泡顺序传播，而使用capture修饰符能让事件按从外向内的捕获顺序传播。 template div @click.capture="outerClic
-
Vue3事件capture修饰符的使用场景
2025/12/13 点击：8574
当需要在外层元素先处理事件时，可使用capture修饰符。比如，在多层嵌套元素中，要先执行外层元素的点击逻辑。 template div @click.capture="handleOuterClick" 外层元素 div @click="handleInnerClick
-
Vue3中的事件self修饰符 - 基本概念
2025/12/13 点击：5840
在Vue3里，事件self修饰符是个实用工具。它能让事件仅在事件源是绑定元素自身时触发。 比如，当你有一个嵌套元素结构，用self修饰符可避免事件冒泡。 点击我 注意，self修饰符仅对点
-
Vue3中的事件self修饰符 - 实际应用
2025/12/13 点击：4641
在实际项目里，self修饰符能优化交互逻辑。比如模态框，点击模态框外部关闭它，但点击模态框内容不关闭。 模态框标题 模态框内容 使用self修饰符可避免不必要的事件触发，提升用
-
Vue3中once修饰符的基本概念
2025/12/13 点击：4566
在Vue3里，once修饰符是个实用工具。它能让事件监听器仅触发一次。 // 示例代码 点击我 使用once修饰符时，要清楚它只会让事件触发一次，后续再触发该事件就无效了。
-
once修饰符在自定义事件中的应用
2025/10/15 点击：3206
once修饰符不仅能用在原生DOM事件上，还能用于自定义事件。 // 子组件代码 触发自定义事件 // 父组件代码 在自定义事件中使用once修饰符，要保证子组件正确触发事件，且父组件正确监
-
Vue3中prevent修饰符的基本概念
2025/10/15 点击：5631
在Vue3里，prevent修饰符用于阻止事件的默认行为。比如在处理表单提交时，默认情况下点击提交按钮会刷新页面。但使用prevent修饰符就能避免这个情况。 提交 使用prevent修饰符时，要确
-
Vue3中prevent修饰符的其他应用场景
2025/12/13 点击：2311
prevent修饰符不仅能用于表单提交，还能用于链接跳转等场景。当点击链接时，默认会跳转到指定页面，使用prevent修饰符可以阻止这个跳转。 点击我 在使用prevent修饰符阻止链接跳转时
-
Vue3中passive修饰符的基本概念
2025/10/15 点击：8358
在Vue3里，passive修饰符用于事件监听器。它能提升性能，特别是在处理滚动等频繁触发的事件时。 当使用passive修饰符，意味着告诉浏览器该监听器不会调用preventDefault()方法。 // 示例代
