【Vue】input 事件

input 事件是在用户输入内容时触发的事件。它适用于包含文本输入框（例如 <input> 或 <textarea>）的元素，以及可编辑的内容区域（例如 <div contenteditable>）。

当用户在输入框中输入文本、复制粘贴文本、删除文本或使用其他方法改变输入内容时，会触发 input 事件。

以下是使用 input 事件的示例：

<input type="text" v-model="inputText" @input="handleInput" />

在上面的示例中，input 元素通过 v-model 双向绑定到 Vue.js 的 inputText 数据。同时，绑定了 input 事件 @input，并将其绑定到 handleInput 方法上。当用户在输入框中输入内容时，会触发 input 事件，并调用 handleInput 方法。

methods: {
  handleInput(event) {
    console.log(event.target.value);
  }
}

在上面的示例中，handleInput 方法会在输入内容发生变化时被调用，并从事件对象 event 中获取输入框的值，并输出到控制台中。

使用 input 事件可以实时监听用户输入的变化，并进行相应的处理，例如校验输入内容、实时搜索等。请注意，input 事件在一些特殊情况下可能无法触发，如通过脚本改变输入框的值时，可以使用 change 事件作为备选。