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


Posted in Javascript onSeptember 19, 2017

.vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变化事件。需求是这页面中,改变input的值,就调用一个事件,第一想到的是oninput。

oninput 事件在用户输入时触发,菜鸟教程中的用法是:

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

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

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

<input type="text" id="cardsNum2" value="1" @oninput ="inputFunc">

这样写也没有作用:

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

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

最后,这样写才起作用:

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Google Map Api和GOOGLE Search Api整合实现代码
Jul 18 Javascript
jquery(live)中File input的change方法只起一次作用的解决办法
Oct 21 Javascript
javascript制作的网页侧边弹出框思路及实现代码
May 21 Javascript
JavaScript拖动层Div代码
Mar 01 Javascript
Javascript 实现匿名递归的实例代码
May 25 Javascript
Parcel.js + Vue 2.x 极速零配置打包体验教程
Dec 24 Javascript
json数据传到前台并解析展示成列表的方法
Aug 06 Javascript
基于vue和websocket的多人在线聊天室
Feb 01 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
Jun 12 Javascript
javascript使用正则表达式实现注册登入校验
Sep 23 Javascript
WebRTC记录音视频流(web技术分享)
Feb 24 Javascript
vue cli4中mockjs在dev环境和build环境的配置详情
Apr 06 Vue.js
JavaScript数组去重的多种方法(四种)
Sep 19 #Javascript
一步步教你利用Canvas对图片进行处理
Sep 19 #Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
Sep 19 #Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
Sep 19 #Javascript
ECMAScript6变量的解构赋值实例详解
Sep 19 #Javascript
vue 粒子特效的示例代码
Sep 19 #Javascript
jQuery实现简单日期格式化功能示例
Sep 19 #jQuery
You might like
PHP源码之 ext/mysql扩展部分
2009/07/17 PHP
PHP下判断网址是否有效的代码
2011/10/08 PHP
Array of country list in PHP with Zend Framework
2011/10/17 PHP
PHP面向对象程序设计方法实例详解
2016/12/24 PHP
PHP mkdir创建文件夹实现方法解析
2020/11/13 PHP
JS获取URL中的参数数据
2013/12/05 Javascript
JS去除字符串两端空格的简单实例
2013/12/27 Javascript
javascript匿名函数实例分析
2014/11/18 Javascript
Python脚本后台运行的几种方式
2015/03/09 Javascript
详解Javascript模板引擎mustache.js
2016/01/20 Javascript
ES6教程之for循环和Map,Set用法分析
2017/04/10 Javascript
简单实现js放大镜效果
2017/07/24 Javascript
Vue中正确使用jQuery的方法
2017/10/30 jQuery
vue-router动态设置页面title的实例讲解
2018/08/30 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
微信小程序实现聊天室
2020/08/21 Javascript
Vue看了就会的8个小技巧
2021/01/21 Vue.js
pycharm 使用心得(五)断点调试
2014/06/06 Python
Python线性方程组求解运算示例
2018/01/17 Python
django与vue的完美结合_实现前后端的分离开发之后在整合的方法
2019/08/12 Python
Python 如何批量更新已安装的库
2020/05/26 Python
Python word文本自动化操作实现方法解析
2020/11/05 Python
C语言50道问题
2014/10/23 面试题
酒店管理自荐信
2013/10/23 职场文书
业务员岗位职责范本
2013/12/15 职场文书
中学校庆方案
2014/03/17 职场文书
党员志愿者活动总结
2014/06/26 职场文书
小学生志愿者活动方案
2014/08/23 职场文书
2014国庆节标语口号
2014/09/19 职场文书
2015年度学校卫生工作总结
2015/05/12 职场文书
穷人该怎么创业?谨记以下几点
2019/07/11 职场文书
写给汽车4S店的创业计划书,拿来即用!
2019/08/09 职场文书
python中__slots__节约内存的具体做法
2021/07/04 Python
MySQL悲观锁与乐观锁的实现方案
2021/11/02 MySQL
电脑无法安装Windows 11怎么办?无法安装Win11的解决方法
2021/11/21 数码科技
win10清理dns缓存
2022/04/19 数码科技