Vue-指令之v-on(简写@-04)
v-on: 事件绑定给元素进行事件绑定,需要通过v-on:指令实现.事件类型:鼠标事件:onclick ondblclick onmouseenter onmouseleave onmouseover onmousedown等等键盘事件:onkeyup onkeydown onkeypress 等等(一)语法:<标签 v-on:click="事件处理函数名...
·
v-on: 事件绑定
给元素进行事件绑定,需要通过v-on:指令实现.
事件类型:
鼠标事件:onclick ondblclick onmouseenter onmouseleave onmouseover onmousedown等等
键盘事件:onkeyup onkeydown onkeypress 等等
(一)语法:
<标签 v-on:click="事件处理函数名" ></标签>
简写形式(v-on: 指令可以简写成 @)
<标签 @click="事件处理函数名" ></标签> // 推荐使用
在vue中声明事件处理函数
(二)参数:
有时,根据业务要求,事件方法需要传递参数,形式有如下3种:
-
如果传递就使用传递的(有传递实参)
-
如果没有声明() ,形参就是“事件对象”
-
如果声明(),还没有传递实参,形参就是undefined
绑定事件处理函数并传参:
(三)事件操作数据信息
methods中的事件方法如果需要操作vue实例的data数据,可以通过this关键字调用,this代表vue实例对象,这个对象可以对本身的许多成员进行调用。
因此给vue的methods对象声明成员可以这样:
---下一章节讲解 v-model指令---
更多推荐
已为社区贡献5条内容
所有评论(0)