详解.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 相关文章推荐
IE7中javascript操作CheckBox的checked=true不打勾的解决方法
Dec 07 Javascript
Javascript模块化编程(一)AMD规范(规范使用模块)
Jan 17 Javascript
HTTP 304错误的详细讲解
Nov 13 Javascript
更快的异步执行(setTimeout多浏览器)
Aug 12 Javascript
JavaScript实现点击自动选择TextArea文本的方法
Jul 02 Javascript
JavaScript编写连连看小游戏
Jul 07 Javascript
简述Matlab中size()函数的用法
Mar 20 Javascript
AngularJS 让人爱不释手的八种功能
Mar 23 Javascript
JavaScript的this关键字的理解
Jun 18 Javascript
小程序实现留言板
Nov 02 Javascript
微信小程序列表中item左滑删除功能
Nov 07 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
Feb 07 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和MySql来与ODBC数据连接
2006/10/09 PHP
PHP文件下载类
2006/12/06 PHP
php实现压缩多个CSS与JS文件的方法
2014/11/11 PHP
求帮忙修改个php curl模拟post请求内容后并下载文件的解决思路
2015/09/20 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
PHP+JS三级菜单联动菜单实现方法
2016/02/24 PHP
PHP数据库处理封装类实例
2016/12/24 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
php ajax confirm 删除实例详解
2019/03/06 PHP
JavaScript中null与undefined分析
2009/07/25 Javascript
jquery下异步提交表单 异步跨域提交表单
2010/11/17 Javascript
关于JavaScript中var声明变量作用域的推断
2010/12/16 Javascript
使用iojs的jsdom库实现同步系统时间
2015/04/20 Javascript
jQuery File Upload文件上传插件使用详解
2016/12/06 Javascript
浅谈Koa服务限流方法实践
2017/10/23 Javascript
jQuery实现html可联动的百分比进度条
2020/03/26 jQuery
[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic
2018/04/03 DOTA
在Python中使用lambda高效操作列表的教程
2015/04/24 Python
python简单实现刷新智联简历
2016/03/30 Python
python输入错误密码用户锁定实现方法
2017/11/27 Python
SVM基本概念及Python实现代码
2017/12/27 Python
Python Socket编程之多线程聊天室
2018/07/28 Python
python实现小世界网络生成
2019/11/21 Python
Python使用pyexecjs代码案例解析
2020/07/13 Python
Python列表的深复制和浅复制示例详解
2021/02/12 Python
css3 border旋转时的动画应用
2016/01/22 HTML / CSS
赫里福德的一家乡村零售商店:Philip Morris & Son
2017/06/25 全球购物
Timberland德国官网:靴子、鞋子、衣服、夹克及配件
2019/12/10 全球购物
Linux文件操作命令都有哪些
2015/02/27 面试题
英文简历中的自我评价
2013/10/06 职场文书
医学生个人求职信范文
2014/02/07 职场文书
小学端午节活动方案
2014/03/13 职场文书
食品安全宣传标语
2014/06/07 职场文书
2015年征兵工作总结
2015/07/23 职场文书
日元符号 ¥
2022/02/17 杂记
Python中的turtle画箭头,矩形,五角星
2022/03/16 Python