详解.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的IE和Firefox兼容性汇编
Jul 01 Javascript
JS 精确统计网站访问量的实例代码
Jul 05 Javascript
从数组中随机取x条不重复数据的JS代码
Dec 24 Javascript
排序算法的javascript实现与讲解(99js手记)
Sep 28 Javascript
javascript中返回顶部按钮的实现
May 05 Javascript
JS清除字符串中重复值的实现方法
Aug 03 Javascript
手机端js和html5刮刮卡效果
Sep 29 Javascript
vue2手机APP项目添加开屏广告或者闪屏广告
Nov 28 Javascript
最实用的JS数组函数整理
Dec 05 Javascript
解决vue+webpack打包路径的问题
Mar 06 Javascript
微信小程序image图片加载完成监听
Aug 31 Javascript
浅谈layui 表单元素的选中问题
Oct 25 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者的疑难问答(1)
2006/10/09 PHP
Laravel 5框架学习之向视图传送数据(进阶篇)
2015/04/08 PHP
Symfony2使用第三方库Upload制作图片上传实例详解
2016/02/04 PHP
基于PHP实现等比压缩图片大小
2016/03/04 PHP
PHP获取当前URL路径的处理方法(适用于多条件筛选列表)
2017/02/10 PHP
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
使用jQuery实现input数值增量和减量的方法
2015/01/24 Javascript
JavaScript AOP编程实例
2015/06/16 Javascript
读Javascript高性能编程重点笔记
2016/12/21 Javascript
javascript实现简单的ajax封装示例
2016/12/28 Javascript
three.js实现围绕某物体旋转
2017/01/25 Javascript
nodejs+express实现文件上传下载管理网站
2017/03/15 NodeJs
AngularJS实用基础知识_入门必备篇(推荐)
2017/07/10 Javascript
jquery 获取索引值在一定范围的列表方法
2018/01/25 jQuery
基于Vue2.X的路由和钩子函数详解
2018/02/09 Javascript
深入理解JavaScript 中的执行上下文和执行栈
2018/10/23 Javascript
微信小程序与webview交互实现支付功能
2019/06/07 Javascript
VUE实现密码验证与提示功能
2019/10/18 Javascript
详细分析Node.js 多进程
2020/06/22 Javascript
[02:27]DOTA2英雄基础教程 莱恩
2014/01/17 DOTA
深入理解Python对Json的解析
2017/02/14 Python
Python编写Windows Service服务程序
2018/01/04 Python
基于Python中numpy数组的合并实例讲解
2018/04/04 Python
django如何实现视图重定向
2019/07/24 Python
python pandas cumsum求累计次数的用法
2019/07/29 Python
Python多重继承之菱形继承的实例详解
2020/02/12 Python
Python双链表原理与实现方法详解
2020/02/22 Python
Django 项目布局方法(值得推荐)
2020/03/22 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
H5混合开发app如何升级的方法
2018/01/10 HTML / CSS
VIVOBAREFOOT赤脚鞋:让您的脚做自然的事情
2017/06/01 全球购物
医学类个人求职信范文
2014/02/05 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
浅谈如何写好演讲稿?
2019/06/12 职场文书
CSS3实现的水平标题菜单
2021/04/14 HTML / CSS
python批量创建变量并赋值操作
2021/06/03 Python