vue输入框输入触发事件_详解.vue文件中监听input输入事件（oninput）

详解.vue文件中监听input输入事件(oninput)

.vue文件其实是一个组件，关于它的说明我之前也写过一篇文章，地址：.vue文件，今天这篇文章要讲的是.vue文件中监听input的输入值变化事件。需求是这页面中，改变input的值，就调用一个事件，第一想到的是oninput。

oninput 事件在用户输入时触发，菜鸟教程中的用法是：

但是在.vue中这样写是没有作用的：

这样写也没有作用：

最后，这样写才起作用：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

时间： 2017-09-16

之前写了关于vue通过watch对input做字数限定的方法,最近需要回顾,就顺便发到随笔上了

vue获取input输入值的问题解决办法 v-for里有多行input输入框,vue怎么获取某行的输入的值,随便写了点代码,意思就是后台返回了多行的list集合,页面显示多行输入框,当修改某行的值时进行校验,输入错误友好提示下,后边加个清空按钮,点击清空当前行数据,最开始的想法是,用v-bind:value绑定值,这样就出现一种情况,页面输入的值无法获取到,v-bind不会修改原始list里的值,而且ref也不能动态绑定,ref只能全部获取,this.$refs.itemPriceRef[],这