详解.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实现的listview效果
Apr 28 Javascript
jquery select动态加载选择(兼容各种浏览器)
Feb 01 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
Jan 08 Javascript
项目中常用的JS方法整理
Jan 30 Javascript
jQuery判断数组是否包含了指定的元素
Mar 10 Javascript
JavaScript中的fontsize()方法使用详解
Jun 08 Javascript
js实现索引图片切换效果
Nov 21 Javascript
微信小程序 教程之列表渲染
Oct 18 Javascript
webpack将js打包后的map文件详解
Feb 22 Javascript
vue select选择框数据变化监听方法
Aug 24 Javascript
JS闭包原理与应用经典示例
Dec 20 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
Jul 20 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变量范围介绍
2012/10/15 PHP
juqery 学习之四 筛选查找
2010/11/30 Javascript
setInterval()和setTimeout()的用法和区别示例介绍
2013/11/17 Javascript
js的匿名函数使用介绍
2013/12/11 Javascript
js导出txt示例代码
2014/01/14 Javascript
获取中文字符串的实际长度代码
2014/06/05 Javascript
nodejs中使用monk访问mongodb
2014/07/06 NodeJs
JavaScript中的console.assert()函数介绍
2014/12/29 Javascript
异步安全加载javascript文件的方法
2015/07/21 Javascript
JavaScript实现DOM对象选择器
2016/09/24 Javascript
微信小程序 后台https域名绑定和免费的https证书申请详解
2016/11/10 Javascript
如何制作幻灯片(代码分享)
2017/01/06 Javascript
node.js平台下的mysql数据库配置及连接
2017/03/31 Javascript
JavaScript编写的网页小游戏,很给力
2017/08/18 Javascript
详解给Vue2路由导航钩子和axios拦截器做个封装
2018/04/10 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
2018/12/05 Javascript
使用ThinkJs搭建微信中控服务的实现方法
2019/08/08 Javascript
解决Layui 表格自适应高度的问题
2019/11/15 Javascript
解决vue页面刷新,数据丢失的问题
2020/11/24 Vue.js
[49:20]2014 DOTA2国际邀请赛中国区预选赛5.21 CIS VS TongFu
2014/05/22 DOTA
[26:24]完美副总裁、DOTA2负责人蔡玮专访:电竞如人生
2014/09/11 DOTA
Python实现删除Android工程中的冗余字符串
2015/01/19 Python
举例讲解Python设计模式编程中的访问者与观察者模式
2016/01/26 Python
实例讲解python中的序列化知识点
2018/10/08 Python
用Python批量把文件复制到另一个文件夹的实现方法
2019/08/16 Python
Python object类中的特殊方法代码讲解
2020/03/06 Python
Python使用requests xpath 并开启多线程爬取西刺代理ip实例
2020/03/06 Python
CSS3实现全景图特效示例代码
2018/03/26 HTML / CSS
创业计划书怎样才能打动风投
2014/01/01 职场文书
竞争上岗演讲稿
2014/01/05 职场文书
料理师求职信
2014/01/30 职场文书
保护野生动物倡议书
2014/05/16 职场文书
销售行政专员岗位职责
2014/06/10 职场文书
公司优秀员工获奖感言
2014/08/14 职场文书
2014年国庆节寄语
2014/09/19 职场文书
公司车辆维修管理制度
2015/08/05 职场文书