详解.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 相关文章推荐
JS控制阿拉伯数字转为中文大写示例代码
Sep 04 Javascript
Js获取数组最大和最小值示例代码
Oct 29 Javascript
JS获取iframe中longdesc属性的方法
Apr 01 Javascript
JavaScript实现基于十进制的四舍五入实例
Jul 17 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
Jul 27 Javascript
javascript js 操作数组 增删改查的简单实现
Jun 20 Javascript
Angular2内置指令NgFor和NgIf详解
Aug 03 Javascript
关于javascript中限定时间内防止按钮重复点击的思路详解
Aug 16 Javascript
基于javascript实现的快速排序
Dec 02 Javascript
Bootstrap-table使用footerFormatter做统计列功能
Sep 07 Javascript
JS执行控制之节流模式实例分析
Dec 21 Javascript
深入了解Vue动态组件和异步组件
Jan 26 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中使用curl_init函数的说明
2010/11/02 PHP
PHP数组遍历的几种常见方式总结
2019/02/15 PHP
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
2013/01/06 Javascript
jquery及原生js获取select下拉框选中的值示例
2013/10/25 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
2014/05/20 Javascript
jQuery对指定元素中指定字符串进行替换的方法
2015/03/17 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
2015/04/27 Javascript
js 创建对象 经典模式全面了解
2016/08/16 Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
2016/08/19 Javascript
JS基于面向对象实现的选项卡效果示例
2016/12/20 Javascript
js遮罩效果制作弹出注册界面效果
2017/01/25 Javascript
干货!教大家如何选择Vue和React
2017/03/13 Javascript
基于javaScript的this指向总结
2017/07/22 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
2017/09/10 Javascript
Angular4 Select选择改变事件的方法
2018/10/09 Javascript
Echarts实现单条折线可拖拽效果
2019/12/19 Javascript
JS实现字体背景跑马灯
2020/01/06 Javascript
js实现圆形显示鼠标单击位置
2020/02/11 Javascript
[01:34]2014DOTA2 TI预选赛预选赛 选手比赛房大揭秘!
2014/05/20 DOTA
python函数返回多个值的示例方法
2013/12/04 Python
Python os模块介绍
2014/11/30 Python
python循环监控远程端口的方法
2015/03/14 Python
Python实现自动为照片添加日期并分类的方法
2017/09/30 Python
python版飞机大战代码分享
2018/11/20 Python
对python修改xml文件的节点值方法详解
2018/12/24 Python
python实现抖音点赞功能
2019/04/07 Python
关于Python3 lambda函数的深入浅出
2019/11/27 Python
pycharm解决关闭flask后依旧可以访问服务的问题
2020/04/03 Python
Python调用高德API实现批量地址转经纬度并写入表格的功能
2021/01/12 Python
工程业务员工作职责
2013/12/07 职场文书
总经理工作职责范文
2014/03/14 职场文书
公司周年庆活动方案
2014/08/25 职场文书
学生逃课万能检讨书2000字
2015/02/17 职场文书
初中生思想道德自我评价
2015/03/09 职场文书
教育教学读书笔记
2015/07/02 职场文书
导游词之广州陈家祠
2019/10/21 职场文书