VUE事件修饰符

作者: 刘佳季 | 来源:发表于2020-09-01 17:04 被阅读0次

.stop：等同于JavaScript中的event.stopPropagation()，防止事件冒泡

.prevent：等同于JavaScript中的event.preventDefault()，防止执行预设的行为（如果事件可取消，则取消该事件，而不停止事件的进一步传播）

.capture：与事件冒泡的方向相反，事件捕获由外到内

.self：只会触发自己范围内的事件，不包含子元素

.once：只会触发一次

stop阻止事件冒泡，不会再继续执行事件，多为子节点触发，阻止父节点也触发click等

capture 反向事件冒泡，点击子组件会先运行父组件的事件再执行子组件事件

self只会执行自己的事件，不会执行父节点或者子节点，只有自己的事件会执行

Vue事件修饰符
Vue 事件修饰符事件修饰符结合使用
vue中的修饰符
事件修饰符使用vue，让代码中只有纯粹的数据逻辑，而不是去处理DOM事件细节。 ---事件修饰符vue事件修饰符...
2020-12-29
Vue修饰符和事件 Vue修饰符：用来修饰事件的操作例如：代码举例：阻止默认动作 1、v-on和其他支持的修饰符...
在vue中使用.stop阻止单击事件继续传播
一、vue的事件修饰符为了不在方法中处理DOM事件细节，vue中提供6个事件修饰符。分别是： .stop .pr...
Vue事件修饰符详解
Vue事件修饰符详解(转）整体学习Vue时看到Vue文档中有事件修饰符的描述，但是看了之后并没有理解是什么意思，...
vue30道面试题
vue的修饰符 1.事件修饰符 prevent 阻止默认事件(在指定的事件后进行默认事件的阻止) stop阻止事件...
Vue.js 事件修饰符
事件修饰符 Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventD...
vue事件、指令、钩子
vue事件、指令、钩子 vue的事件修饰符：.stop：阻止冒泡.prevent：阻止默认行为.capture：捕...
vue事件修饰符
js事件默认冒泡：点击内层的元素会触发外层的事件。（解决方法如下：）事件修饰符 vue提供了事件修饰符，...
31.Vue v-model 修饰符
与 Vue事件修饰符类似，v-model也有修饰符，用于控制数据同步。案例