您现在所在位置: 首页 > IT知识库

Vue精讲系列第4期:Vue.js之事件处理

发布时间:2022-01-12点击数:

      各位童鞋,今天我们继续讲Vue系列课程,今天的内容是Vue的事件处理。

      我们可以用 v-on 指令绑定一个事件监听器,通过它调用我们 Vue 实例中定义的方法:




      事件修饰符 stop 阻止冒泡

prevent 阻止默认事件

once 只触发一次



      分别点击鼠标左键,右键和滚轮时,会触发不同的事件。


     键值修饰符       在监听键盘事件时,我们经常需要监测常见的键值。Vue 允许为 v-on 在监听键盘事件时添加关键修饰符。

.enter

.tab

.delete (捕获 “删除” 和 “退格” 键)

.esc

.space

.up

.down

.left

.right



     表单事件       在进行表单提交时,页面会刷新,导致我们绑定的表单提交事件执行出问题,会避免刷新,我们需要使用阻止修饰符。




  • 友情链接

关注东软睿道公众号了解更多IT行业资讯

添加东小萌微信
获取更多IT学习资源