美文网首页
Vue.js 事件处理器

Vue.js 事件处理器

作者: 谁说我是小小云 | 来源:发表于2017-10-16 13:40 被阅读17次

事件监听可以使用 v-on 指令:

通常情况下,我们需要使用一个方法来调用 JavaScript 方法。

v-on 可以接收一个定义的方法来调用。

除了直接绑定到一个方法,也可以用内联 JavaScript 语句:

事件修饰符

Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault() 或 event.stopPropagation()。

Vue.js通过由点(.)表示的指令后缀来调用修饰符。

.stop

.prevent

.capture

.self

.once

按键修饰符

Vue 允许为 v-on 在监听键盘事件时添加按键修饰符:

记住所有的 keyCode 比较困难,所以 Vue 为最常用的按键提供了别名:

全部的按键别名:

.enter

.tab

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

.esc

.space

.up

.down

.left

.right

.ctrl

.alt

.shift

.meta

实例


内容来自:runoob.com 菜鸟教程

整理:极动云,宁波家电物联网云平台

CONTACT US: http://www.iot-jd.com

相关文章

  • vue:事件处理器

    Vue.js 事件处理器 事件监听可以使用 v-on 指令: v-on 增加 1 这个按钮被点击了 {{ coun...

  • Vue.js 事件处理器

    事件监听可以使用 v-on 指令: 通常情况下,我们需要使用一个方法来调用 JavaScript 方法。 v-on...

  • Vue.js 事件处理器

    事件监听可以使用v-on指令:v-on 通常情况下,我们需要使用一个方法来调用JavaScript方法。v-on可...

  • Vue.js 事件处理器

    v-on传入一个表达式 v-on:click="counter += 1"v-on可以接收一个定义的方法来调用...

  • vue.js--事件处理器&表单

    vue.js事件处理器 事件监听可以使用v-on指令: 通常情况下,我们需要使用一个方法来调用js方法。v-on可...

  • vue.js事件处理器笔记

    Vue.js 事件监听使用 v-on 指令:v-on 增加 1 这个按钮被点击了 {{ counter }...

  • 响应事件

    添加事件处理器 在注册事件处理器时,函数名后面不能有括号。 删除事件处理器 要删除事件处理器,只需要简单地给它赋值...

  • 相关文章、网站链接分享

    1、官方中文文档2、webstorm 配置vue.js。3、在Vue.js中使用Stylus预处理器4、 5、 i...

  • redis IO多路复用线程模型

    (2)redis的线程模型 1)文件事件处理器 redis 基于reactor模式开发了网络事件处理器,这个处理器...

  • SENDEVENT

    系统组件:事件服务器、事件处理器、远程代理 事件处理器请求(1)事件服务器后获取相关作业信息(2)并将之通过代理连...

网友评论

      本文标题:Vue.js 事件处理器

      本文链接:https://www.haomeiwen.com/subject/llpkuxtx.html