vue中input的@input

@input 是 Vue 中 input 元素的一个事件修饰符，用于监听输入框内容发生变化的事件。当用户在输入框中输入或删除文本时，@input 事件会触发。

在 Vue 的模板中，你可以通过以下方式使用 @input 修饰符：

<input v-model="message" @input="handleInput">

上面的代码中，v-model 指令用于实现数据的双向绑定，将输入框的值绑定到 Vue 实例的 message 属性上。@input 修饰符用于监听输入框内容变化的事件，并调用 handleInput 方法进行处理。

在 Vue 实例中，你可以定义 handleInput 方法来响应 @input 事件：

data() {
  return {
    message: ''
  }
},
methods: {
  handleInput() {
    // 在这里处理输入框内容变化的逻辑
  }
}

通过 @input 修饰符，你可以实时监听输入框内容的变化，并在 handleInput 方法中处理相应的逻辑操作。