详解.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 相关文章推荐
计算新浪Weibo消息长度(还可以输入119字)
Jul 02 Javascript
javascript中clone对象详解
Dec 03 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
Sep 19 Javascript
浅谈javascript中replace()方法
Nov 10 Javascript
jQuery插件开发汇总
May 15 Javascript
zTree树形插件异步加载方法详解
Jun 14 Javascript
ES6中新增的Object.assign()方法详解
Sep 22 Javascript
微信小程序实现页面跳转传值的方法
Oct 12 Javascript
webpack4 SplitChunks实现代码分隔详解
May 23 Javascript
如何测量vue应用运行时的性能
Jun 21 Javascript
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
Nov 05 Javascript
解读Vue组件注册方式
May 15 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
wordpress自定义url参数实现路由功能的代码示例
2013/11/28 PHP
prototype 1.5相关知识及他人笔记
2006/12/16 Javascript
javascript SocialHistory 检查访问者是否访问过某站点
2008/08/02 Javascript
仅Firefox中链接A无法实现模拟点击以触发其默认行为
2011/07/31 Javascript
Table冻结表头示例代码
2013/08/20 Javascript
js中window.open()的所有参数详细解析
2014/01/09 Javascript
js完美的div拖拽实例代码
2014/01/22 Javascript
js Dialog 去掉右上角的X关闭功能
2014/04/23 Javascript
js防止页面被iframe调用的方法
2014/10/30 Javascript
使用JavaScript 编写简单计算器
2014/11/24 Javascript
jquery实现Ctrl+Enter提交表单的方法
2015/07/21 Javascript
理解 JavaScript Scoping &amp; Hoisting(二)
2015/11/18 Javascript
js 上传文件预览的简单实例
2016/08/16 Javascript
jquery表单验证实例仿Toast提示效果
2017/03/03 Javascript
jquery实现图片上传前本地预览
2017/04/28 jQuery
基于Vue实现后台系统权限控制的示例代码
2017/08/29 Javascript
JS防抖和节流实例解析
2019/09/24 Javascript
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
JS实现关闭小广告特效
2021/01/29 Javascript
非常漂亮的js烟花效果
2020/03/10 Javascript
[45:16]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第一场 12.12
2020/12/16 DOTA
[01:16:13]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第一场 2月22日
2021/03/11 DOTA
对tf.reduce_sum tensorflow维度上的操作详解
2018/07/26 Python
对python的bytes类型数据split分割切片方法
2018/12/04 Python
Python 微信爬虫完整实例【单线程与多线程】
2019/07/06 Python
python爬虫开发之Beautiful Soup模块从安装到详细使用方法与实例
2020/03/09 Python
pytorch中index_select()的用法详解
2021/01/06 Python
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
2013/01/09 HTML / CSS
PHP如何与mysql建立链接
2013/05/05 面试题
学生处主任岗位职责
2013/12/01 职场文书
网上开商店的创业计划书
2014/01/19 职场文书
知识竞赛拉拉队口号
2014/06/16 职场文书
专业技术人员年度考核评语
2014/12/31 职场文书
银行反洗钱宣传活动总结
2015/05/08 职场文书
小学少先队工作总结2015
2015/05/26 职场文书
Python Pandas数据分析之iloc和loc的用法详解
2021/11/11 Python