获取el-input改变之前的值

您可以在 `el-input` 上监听 `input` 事件，然后通过该事件的参数 `event.target.value` 获取输入框改变前的值。例如：

<template>
  <el-input v-model="inputValue" @input="handleInput"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleInput(event) {
      const oldValue = event.target.value
      // 在这里处理获取到的旧值
    }
  }
}
</script>

相关问题

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输入框值的实时变化

你可以使用`v-model`指令来实时监听`el-input`输入框的值变化。通过绑定一个`data`属性来获取输入框的值，在输入框内容改变时该`data`属性也会实时更新。

以下是示例代码：

<template>
  <div>
    <el-input v-model="inputValue"></el-input>
    <p>当前输入框的值为：{{ inputValue }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '' // 绑定一个 data 属性来获取输入框的值
    }
  }
}
</script>

在上面的代码中，`v-model`指令绑定了`inputValue`变量，每当输入框的值发生变化时，该变量也会实时更新。在页面中，使用插值语法将`inputValue`绑定到一个`<p>`标签中，从而实时显示输入框的值。