vue文件中监听input输入事件(oninput)

在Vue组件中,为实现input值变化时触发相应事件,通常使用`v-on:input`指令结合方法来监听。文章介绍了在.vue文件中,通过`v-on:input="inputFunc"`实现对input值变化的监听,强调了直接使用oninput事件不起作用的问题。
摘要由CSDN通过智能技术生成

.vue文件中监听input的输入值变化事件。
需求是这页面中,改变input的值,就调用一个事件,
第一想到的是oninput。
这里写图片描述

但是在.vue中这样写是没有作用的:

<input type="text" id="cardsNum2" value="1" @oninput ="inputFunc">
<input type="text" id="cardsNum2" value="1" v-on:oninput ="inputFunc">

最后,这样写才起作用:

<input type="text" id="cardsNum2" value="1" v-on:input ="inputFunc">

v-on:input =“inputFunc”

文:非凡主力

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值