v html 绑定事件参数,vue.js怎么给input添加事件?

本文介绍了Vue.js中v-on指令用于添加事件监听器,详细讲解了其用法,包括如何绑定事件、回调函数参数的使用,特别提到了在监听input事件时的实践示例。通过阅读,你可以掌握在Vue中处理用户输入事件的方法。
摘要由CSDN通过智能技术生成

5e70b7fd8e825779.jpg

Vue.js库中的v-on指令用于绑定事件监听器,v-on指令后可以带参数,还可以增加修饰符。

添加事件监听 v-on

(1)使用v-on指令可以添加事件监听,语法:

v-on:eventName="fn" 也可以简写成 @eventName="fn"

(2)回调函数的参数:$event就是当前触发事件的元素,即使不传$event,在回调函数中也可以使用event这个参数

示例:

inputFunction(){

let o = document.getElementById("myInput").value

document.getElementById("demo").innerHTML = "你输入的是 :" + o;

}

}

1584445380131436.png

注意

在vue中,监听input输入事件,使用的是v-on指令。

v-on: input = “func” 或者简写为 @input = “func”

更多web前端开发知识,请查阅 HTML中文网 !!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值