el-input @input事件

el-input @input事件是elementUI中的一个事件，它会在用户输入时触发。当用户在el-input组件中输入内容时，@input事件会将输入的内容实时绑定到组件的v-model属性上。这个事件可以用来实时监听用户输入的内容并进行相应的处理，比如实时搜索、实时计算等等。在引用中的第三个例子中，@keyup.enter.native="searchEnterFun"就是在用户输入完内容后按下回车键触发searchEnterFun函数进行搜索操作。

相关问题

vue el-input @input事件只能输入数字

可以通过限制输入框只能输入数字的方式来实现。你可以使用 Vue 的指令 v-model 和修饰符 .number 来限制输入框只能输入数字，具体代码如下：

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

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleInput() {
      // 处理输入事件的逻辑
    }
  }
}
</script>

在上述代码中，v-model.number 修饰符会自动将输入框中的值转为数字类型，如果输入的不是数字，那么该值将会被忽略。同时，@input 事件也会触发 handleInput 方法，你可以在该方法中处理输入事件的逻辑。

el-input @input 方法

el-input组件的@input方法是用来监听输入框的输入事件的。当用户在输入框中输入内容时，该方法会被触发。在引用[1]中的代码示例中，可以看到el-input组件被使用了多次，并且都绑定了@input事件。这意味着当用户在这些输入框中输入内容时，对应的@input方法会被调用。在引用[3]中的代码示例中，el-input组件还设置了ref、focus和blur属性和方法。ref属性可以用来获取el-input组件的实例，而focus和blur方法可以在输入框获取焦点和失去焦点时被调用。所以，el-input @input方法的具体实现可以根据具体的业务需求来编写。