详解.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 各浏览器的 Javascript 效率对比
Jan 23 Javascript
JavaScript 申明函数的三种方法 每个函数就是一个对象(一)
Dec 04 Javascript
JQuery 操作select标签实现代码
May 14 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
23个超流行的jQuery相册插件整理分享
Apr 25 Javascript
使用jQuery处理AJAX请求的基础学习教程
May 10 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
Jun 07 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
Sep 09 Javascript
Javascript中数组去重与拍平的方法示例
Feb 03 Javascript
jQuery加密密码到cookie的实现代码
Apr 18 jQuery
template.js前端模板引擎使用详解
Oct 10 Javascript
对layui中的onevent 和event的使用详解
Sep 06 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
xml+php动态载入与分页
2006/10/09 PHP
用PHP程序实现支持页面后退的两种方法
2008/06/30 PHP
PHP实现一个简单url路由功能实例
2016/11/05 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
Yii2设置默认控制器的两种方法
2017/05/19 PHP
新页面打开实际尺寸的图片
2006/08/25 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
2011/08/23 Javascript
非常有用的40款jQuery 插件推荐(系列二)
2011/12/25 Javascript
如何让页面在打开时自动刷新一次让图片全部显示
2012/12/17 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
jQuery插件简单学习实例教程
2016/07/01 Javascript
AngularJS的ng Http Request与response格式转换方法
2016/11/07 Javascript
Vue中使用vux的配置详解
2017/05/05 Javascript
vue实现element表格里表头信息提示功能(推荐)
2019/11/20 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
2019/11/27 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
2020/08/31 Javascript
vant自定义二级菜单操作
2020/11/02 Javascript
[54:24]Optic vs TNC 2018国际邀请赛小组赛BO2 第二场
2018/08/18 DOTA
Python中DJANGO简单测试实例
2015/05/11 Python
Python基础教程之tcp socket编程详解及简单实例
2017/02/23 Python
python的unittest测试类代码实例
2017/12/07 Python
Flask实现图片的上传、下载及展示示例代码
2018/08/03 Python
linux查找当前python解释器的位置方法
2019/02/20 Python
Python PyQt5 Pycharm 环境搭建及配置详解(图文教程)
2019/07/16 Python
Python的matplotlib绘图如何修改背景颜色的实现
2019/07/16 Python
Python使用QQ邮箱发送邮件报错smtplib.SMTPAuthenticationError
2019/12/20 Python
Python嵌套函数,作用域与偏函数用法实例分析
2019/12/26 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
详解HTML5中表单验证的8种方法介绍
2016/12/19 HTML / CSS
美国户外生活方式品牌:Eddie Bauer
2016/12/28 全球购物
Notino法国:购买香水和化妆品
2019/04/15 全球购物
临床医学大学生求职信
2013/09/28 职场文书
学期自我鉴定范文
2013/10/01 职场文书
团队会宣传标语
2014/10/09 职场文书
Python3.10的一些新特性原理分析
2021/09/15 Python
tomcat下部署jenkins的方法
2022/05/06 Servers