el-input 有哪几种监听输入值的方法

el-input 有以下几种监听输入值的方法：

1. 使用input事件监听输入值的变化，该事件会在用户每次输入时触发。

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

methods: {
  handleInput(value) {
    console.log(value); // 输出输入的值
  }
}

2. 使用change事件监听输入值的变化，该事件会在用户输入完成、失去焦点或按下回车键时触发。

<el-input v-model="inputValue" @change="handleChange"></el-input>

methods: {
  handleChange(value) {
    console.log(value); // 输出输入的值
  }
}

3. 使用keyup事件监听按键抬起时的输入值变化，该事件会在用户按下键盘上的任意键并抬起时触发。

<el-input v-model="inputValue" @keyup="handleKeyup"></el-input>

methods: {
  handleKeyup(event) {
    console.log(event.target.value); // 输出输入的值
  }
}

4. 使用keydown事件监听按键按下时的输入值变化，该事件会在用户按下键盘上的任意键时触发。

<el-input v-model="inputValue" @keydown="handleKeydown"></el-input>

methods: {
  handleKeydown(event) {
    console.log(event.target.value); // 输出输入的值
  }
}

需要注意的是，以上方法中的inputValue是指绑定的输入框的值，可以通过v-model指令进行双向绑定