element input框设置oninut会覆盖value时候，当第一次输入覆盖value，后续就会取不到value，值为undefined

当你在HTML的`<input>`元素上设置`oninput`事件处理程序，并且这个事件触发时会更新元素的`value`属性，比如清空或替换原始值，如果你在事件处理器中直接改变了`value`，可能会导致后续尝试获取初始`value`时返回`undefined`。这是因为`oninput`事件通常用于实时响应用户的输入变化，而不是为了保存状态。

例如：

<input type="text" id="myInput" oninput="this.value = ''">

在这个例子中，每次用户键入内容时，`value`会被清空，所以当你在其他地方尝试读取`myInput.value`时，如果没有额外的操作去恢复原始值，它将显示`undefined`。

解决这个问题的一个常见做法是在`oninput`事件之外维护一个独立的变量来存储原始值，然后在需要的时候使用这个备份值。例如：

let initialValue;
const input = document.getElementById('myInput');

input.addEventListener('input', function(e) {
  initialValue = e.target.value; // 保存原始值
  this.value = ''; // 清空输入框
});

// 获取原始值时
if (initialValue !== undefined) {
  console.log(initialValue);
}

相关问题

element-plus中InputRef.value!.input!.focus()

在element-plus中，可以使用InputRef来访问输入框的值和方法。对于获取输入框的值，可以使用`InputRef.value`。而要设置输入框获取焦点，可以使用`InputRef.input.focus()`。请注意，这里的`!`是用来断言属性不为null或undefined的，确保属性存在并可以访问。

所以，你的代码`InputRef.value!.input!.focus()`的作用是获取输入框的值，并将焦点设置在输入框上。

let value = inputValue === null ? "" : inputValue; 怎么在<el-input>标签内些

这段代码是一个三元表达式，用于处理`inputValue`变量的情况。当`inputValue`为空（null 或 undefined）时，它会赋值给 `value` 变量一个空字符串 (`""`)；否则，将保留其原始值。在 Vue.js 和 Element UI (El-Input) 的上下文中，这通常会被用于处理表单输入的默认显示或验证。

如果你想在 `<el-input>` 标签内部使用这个逻辑，你可以将其放在 `<el-input>` 的 `v-model` 属性或者 `value` 或者 `placeholder` 内部，例如：

<template>
  <el-input v-model="formattedValue" placeholder="{{ inputValue === null ? '' : inputValue }}">
  </el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '示例值', // 这里可以是你实际的数据源
    };
  },
};
</script>

在这个例子中，如果`inputValue`为空，文本框将显示空字符串，否则显示输入值。