首页手记 Vue事件修饰符知识点

Vue事件修饰符知识点

标签：

Vue.js

. stop：阻止冒泡
. prevent：阻止默认行为的发生
. capture：捕获冒泡，即有冒泡发生时，有该修饰符的dom元素会先执行，如果有多个，从外到内依次执行，然后再按自然顺序执行触发的事件
. self：将事件绑定到自身，只有自身才能触发，通常用于避免冒泡事件的影响
. once：设置事件只能触发一次，比如按钮的点击等
事件绑定时可以绑定多个修饰符，执行顺序是从左到右
比如click.prevent.self会阻止容器或其子容器的默认行为
比如click.self.prevent只会阻止容器本身的默认行为，点击子容器不会阻止其默认行为

参考链接

点击查看更多内容