el-input-number无法实时监听输入事件?我的解决办法
一般来说el-input-number的@change方法只会在blur的时候触发,那如何实时监听输入数字的变化呢?
- 步骤一:将@change替换成@input.native
<el-input-number
:ref="'ref' + $index"
v-model="row.energy"
@input.native="handleInput(row, $index)"
:precision="3"
:min="0"
:max="10000000000"
></el-input-number>
2.步骤二:用handleInput方法去获取输入框的实时的值,并重新复制给绑定的对象。
row.energy = this.$refs['ref' + $index].displayValue
这里用的$ref来获取实时的值。
着用就可以实时监听el-input-number输入框的实时值。