详解.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 Zifa FormValid 0.1表单验证 代码打包下载
Jun 08 Javascript
10个基于Jquery的幻灯片插件教程
Oct 29 Javascript
jQuery的css() 方法使用指南
May 03 Javascript
浅析JS原型继承与类的继承
Apr 07 Javascript
js将json格式的对象拼接成复杂的url参数方法
May 25 Javascript
jQuery ajax方法传递中文时出现中文乱码的解决方法
Jul 25 Javascript
利用JS屏蔽页面中的Enter按键提交表单的方法
Nov 25 Javascript
学习JS中的DOM节点以及操作
Apr 30 Javascript
vue实现element-ui对话框可拖拽功能
Aug 17 Javascript
JS+HTML5 canvas绘制验证码示例
Dec 05 Javascript
在JavaScript中使用严格模式(Strict Mode)
Jun 13 Javascript
vue中template的三种写法示例
Oct 21 Javascript
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来处理多个提交任务
2008/05/08 PHP
php array_slice函数的使用以及参数详解
2008/08/30 PHP
PHP $_SERVER详解
2009/01/16 PHP
Thinkphp中volist标签mod控制一定记录的换行BUG解决方法
2014/11/04 PHP
PHP类的声明与实例化及构造方法与析构方法详解
2016/01/26 PHP
JQuery this 和 $(this) 的区别
2009/08/23 Javascript
jquery清空textarea等输入框实现代码
2013/04/22 Javascript
document.getElementById获取控件对象为空的解决方法
2013/11/20 Javascript
基于JavaScript获取鼠标位置的各种方法
2015/12/16 Javascript
一步步教大家编写酷炫的导航栏js+css实现
2016/03/14 Javascript
详解JavaScript中this的指向问题
2017/01/20 Javascript
JSON对象转化为字符串详解
2017/08/11 Javascript
JavaScript适配器模式详解
2017/10/19 Javascript
vue-cli配置文件——config篇
2018/01/04 Javascript
详解使用 Node.js 开发简单的脚手架工具
2018/06/08 Javascript
浅析微信扫码登录原理(小结)
2018/10/29 Javascript
详解如何在Vue项目中导出Excel
2019/04/19 Javascript
详解ES6 export default 和 import语句中的解构赋值
2019/05/28 Javascript
微信小程序自定义组件components(代码详解)
2019/10/21 Javascript
Vue2.0 实现页面缓存和不缓存的方式
2019/11/12 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
2020/12/10 Javascript
Vue中inheritAttrs的使用实例详解
2020/12/31 Vue.js
使用C#配合ArcGIS Engine进行地理信息系统开发
2016/02/19 Python
python使用tornado实现简单爬虫
2018/07/28 Python
python使用Matplotlib绘制分段函数
2018/09/25 Python
Python操作excel的方法总结(xlrd、xlwt、openpyxl)
2019/09/02 Python
python实现树的深度优先遍历与广度优先遍历详解
2019/10/26 Python
使用python求解二次规划的问题
2020/02/29 Python
python3环境搭建过程(利用Anaconda+pycharm)完整版
2020/08/19 Python
Html5插件教程之添加浏览器放大镜效果的商品橱窗
2016/01/07 HTML / CSS
日常奢侈品,轻松购物:Verishop
2019/08/20 全球购物
小区消防演习方案
2014/02/21 职场文书
商场开业庆典策划方案
2014/06/02 职场文书
2014年机关党委工作总结
2014/12/11 职场文书
2015小学毕业班工作总结
2015/07/21 职场文书
CDPR谈《巫师》新作用虚幻5原因 称不会为Epic独占
2022/04/06 其他游戏