详解.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 相关文章推荐
Javascript中Eval函数的使用
Mar 23 Javascript
JavaScript闭包 懂不懂由你反正我是懂了
Oct 21 Javascript
深入了解Node.js中的一些特性
Sep 25 Javascript
jquery操作对象数组元素方法详解
Nov 26 Javascript
javascript同步服务器时间和同步倒计时小技巧
Sep 24 Javascript
jQuery实现选项卡功能(两种方法)
Mar 08 Javascript
微信禁止下拉查看URL的处理方法
Sep 28 Javascript
vue-router路由懒加载和权限控制详解
Dec 13 Javascript
jQuery中each方法的使用详解
Mar 18 jQuery
微信小程序 搜索框组件代码实例
Sep 06 Javascript
element form 校验数组每一项实例代码
Oct 10 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
Dec 02 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
PHP4和PHP5共存于一系统
2006/11/17 PHP
PHP Global定义全局变量使用说明
2013/08/15 PHP
php实现读取超大文件的方法
2014/07/28 PHP
php的常量和变量实例详解
2017/06/27 PHP
php查询内存信息操作示例
2019/05/09 PHP
用jquery实现学校的校历(asp.net+jquery ui 1.72)
2010/01/01 Javascript
FF火狐下获取一个元素同类型的相邻元素实现代码
2012/12/15 Javascript
jquery阻止冒泡事件使用模拟事件
2013/09/06 Javascript
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
2014/11/19 Javascript
js制作带有遮罩弹出层实现登录注册表单特效代码分享
2015/09/05 Javascript
JS组件Bootstrap Table使用方法详解
2016/02/02 Javascript
老生常谈JavaScript 正则表达式语法
2016/08/20 Javascript
JavaScript实现邮箱地址自动匹配功能代码
2016/11/28 Javascript
jQuery实现文字自动横移
2017/01/08 Javascript
jquery设置css样式的多种方法(总结)
2017/02/21 Javascript
JavaScript 数据类型详解
2017/03/13 Javascript
JavaScript实现打地鼠小游戏
2020/04/23 Javascript
vue-resource + json-server模拟数据的方法
2017/11/02 Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
2018/03/06 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
个人小程序接入支付解决方案
2019/05/23 Javascript
JavaScript运动原理基础知识详解
2020/04/02 Javascript
js实现菜单跳转效果
2020/12/11 Javascript
Python Socket编程入门教程
2014/07/11 Python
Python中的迭代器与生成器高级用法解析
2016/06/28 Python
利用python获取Ping结果示例代码
2017/07/06 Python
python实现Windows电脑定时关机
2018/06/20 Python
python hough变换检测直线的实现方法
2019/07/12 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
TensorFlow实现批量归一化操作的示例
2020/04/22 Python
html5中地理位置定位api接口开发应用小结
2013/01/04 HTML / CSS
英国知名衬衫品牌美国网站:Charles Tyrwhitt美国
2016/08/28 全球购物
大学生个人求职信范文
2013/09/21 职场文书
七一党建活动方案
2014/01/28 职场文书
个人四风问题对照检查材料
2014/09/26 职场文书
出纳试用期工作总结2015
2015/05/28 职场文书