el-input-number change 方法 怎么取改变之前的值

在Element UI的`el-input-number`组件中，当你需要获取输入框内容的变化并记录下改变前的值时，你可以通过监听`change`事件并在该事件处理函数中保存原始值。以下是基本的步骤：

1. 首先，在你的Vue实例中声明一个数据属性来存储原始值，例如`originalValue`。

data() {
  return {
    originalValue: '',
    // 其他数据...
  };
}

2. 然后，给`el-input-number`添加`change`事件处理器，并在这个函数中更新`originalValue`和当前输入值。

<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`。

相关问题

在 <el-input-number v-model="form.day" :min="0" style="width: 220px;" > </el-input-number>中，change是false就禁用

你可以使用 `:disabled` 属性来禁用 `<el-input-number>` 组件，例如：

<el-input-number v-model="form.day" :min="0" style="width: 220px;" :disabled="!change"></el-input-number>

这里的 `:disabled` 属性会根据 `change` 变量的值来动态设置是否禁用组件。如果 `change` 为 `false`，则该组件将被禁用。

el-input-number 实时获取值 不用change事件

`el-input-number` 是 Element UI 中的一个组件，它是一个支持数字输入的单行输入框，通常用于需要用户输入特定数值的场景。如果你想要实时获取 `el-input-number` 的输入值而不想使用 `change` 事件，你可以考虑使用它的 `v-model.number` 或者 `@input` 事件。

`v-model.number` 是 Vue.js 的指令，它结合了双向数据绑定和验证功能，并且可以处理数字类型的输入。当用户的输入发生改变时，这个属性会自动更新绑定的变量并保持数值格式。

例如，在模板中：

<template>
  <el-input-number v-model.number="value" placeholder="请输入数字"></el-input-number>
</template>

<script>
export default {
  data() {
    return {
      value: 0,
    };
  },
};
</script>

在这个例子中，当你在输入框中输入数字时，Vue会在后台实时同步 `value` 的值。

另一个选项是直接监听 `input` 事件，它会在每次输入变化时触发：

<template>
  <el-input-number @input="handleInputNumber" placeholder="请输入数字"></el-input-number>
</template>

<script>
export default {
  methods: {
    handleInputNumber(value) {
      this.value = parseFloat(value);
    },
  },
};
</script>

这里 `handleInputNumber` 函数会被调用，接收每次输入后的新值。记得处理输入值可能存在的非数字字符。