用 v-on 指令监听 DOM 事件
注意:HTML5中不能使用v-on,换为@
(1)html代码:
<div id="example"> <button v-on:click="greet">Greet</button> // 或者 <button @click="greet">Greet</button> </div>
(2)js代码:
var vm = new Vue({ el: '#example', data: { name: 'Vue.js' }, // 在 `methods` 对象中定义方法 methods: { greet: function (event) { // 方法内 `this` 指向 vm alert('Hello ' + this.name + '!') // `event` 是原生 DOM 事件 alert(event.target.tagName) } } })
(3)效果展示:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
主要内容:v-on,v-on,v-on事件监听可以使用 v-on 指令: v-on <div id="app"> <button v-on:click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ counter }} 次。</p> </div> <script> new Vue({ el: '#app', data: { counter: 0 } }) </script> 通常情况下,我们需
本文向大家介绍详解javascript中的事件处理,包括了详解javascript中的事件处理的使用技巧和注意事项,需要的朋友参考一下 一.事件传播机制 客户端JavaScript程序(就是浏览器啦)采用了异步事件驱动编程模型。当文档、浏览器、元素或与之相关的对象发生某些有趣的事情时,Web浏览器就会产生事件(event)。如果JavaScript应用程序关注特定类型的事件,那么它可以注册当这
本文向大家介绍JavaScript事件处理程序详解,包括了JavaScript事件处理程序详解的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js事件处理程序的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
主要内容:1 Reactor模式,2 文件事件处理器,2.1 基本概念,2.2 通信流程详细介绍了单线程Reactor模式的概念,以及Redis的线程模型—文件事件处理器的实现。 Redis的线程模型是基于非常经典的单线程Reactor模式(netty架构也是基于Reactor模式)开发出的高效事件驱动模型,也称为异步阻塞IO或者IO多路复用。关于Reactor模型我们在此前就讲过了: Java NIO Reactor网络编程模型的深度理解。 Redis对于单线程Reactor模式的
本文向大家介绍AngularJS 入门教程之事件处理器详解,包括了AngularJS 入门教程之事件处理器详解的使用技巧和注意事项,需要的朋友参考一下 在这一步,你会在手机详细信息页面让手机图片可以点击。 请重置工作目录: git checkout -f step-10 手机详细信息视图展示了一幅当前手机的大号图片,以及几个小一点的缩略图。如果用户点击缩略图就能把那张大的替换成自己那就更好了。现在
本文向大家介绍Mysql事务处理详解,包括了Mysql事务处理详解的使用技巧和注意事项,需要的朋友参考一下 一、Mysql事务概念 MySQL 事务主要用于处理操作量大,复杂度高的数据。由一步或几步数据库操作序列组成逻辑执行单元,这系列操作要么全部执行,要么全部放弃执行。在 MySQL 中只有使用了 Innodb 数据库引擎的数据库或表才支持事务。事务用来管理 insert,update,del