Vue技术——事件修饰符

本文主要是介绍Vue技术——事件修饰符，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Vue中的事件修饰符：

1.prevent: 阻止默认事件（常用）；
2.stop: 阻止事件冒泡（常用）；
3.once: 事件只触发一次（常用）；
4.capture: 使用事件的捕获模式；
5.self: 只有event.target是当前操作的元素时 才触发事件；
6.passive: 事件的默认行为立即执行，无需等待事件回调执行完毕；

<div id="root"><h2>欢迎来到{{name}}学习</h2><a href="https://www.baidu.com" v-on:click.prevent="showInfo">点我提示信息</a>
</div>

new Vue({el:"#root",data:{name:"xxx"},methods:{showInfo(e){// e.preventDefault()  阻止默认行为// e.stopPropagation()  阻止冒泡alert('同学你好！')}}
})

补充知识（scroll事件和whell事件）

scroll是页面滚动条滚动会触发的事件，而wheel是鼠标滚轮滚动会触发的事件。
一旦滚动条到底部后，滑动鼠标滚轮继续滚动，wheel就会一直触发，而scroll不会触发。

这篇关于Vue技术——事件修饰符的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---