手记

Vue事件修饰符知识点

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

1人推荐
随时随地看视频
慕课网APP