el-input-number change 方法 怎么取改变之前的值
时间: 2024-09-26 18:08:06 浏览: 82
Element InputNumber计数器的使用方法
在Element UI的`el-input-number`组件中,当你需要获取输入框内容的变化并记录下改变前的值时,你可以通过监听`change`事件并在该事件处理函数中保存原始值。以下是基本的步骤:
1. 首先,在你的Vue实例中声明一个数据属性来存储原始值,例如`originalValue`。
```javascript
data() {
return {
originalValue: '',
// 其他数据...
};
}
```
2. 然后,给`el-input-number`添加`change`事件处理器,并在这个函数中更新`originalValue`和当前输入值。
```html
<el-input-number v-model="value" @change="handleInputChange"></el-input-number>
<script>
methods: {
handleInputChange(newValue) {
this.originalValue = this.value; // 保存当前值作为原始值
// 进行其他业务处理...
}
}
</script>
```
现在,每当`el-input-number`的值发生变化时,`originalValue`就会自动更新为旧值。如果需要在任何时候查看原始值,可以随时从数据对象中访问`this.originalValue`。
阅读全文