vue中@change怎么使用

在 Vue 中，@change 是一个事件修饰符，用于监听输入元素的变化事件。

你可以在模板中使用 @change 修饰符来监听输入元素的变化，并在触发 change 事件时执行相应的方法。例如，你可以在一个 input 元素上使用 @change 来监听用户输入的变化，然后执行一个方法来处理这个变化。

下面是一个使用 @change 的示例：

<template>
  <div>
    <input type="text" @change="handleChange" />
  </div>
</template>

<script>
export default {
  methods: {
    handleChange(event) {
      console.log(event.target.value);
      // 在这里可以处理输入元素的变化
    },
  },
};
</script>

在上面的例子中，当用户在 input 元素中输入时，会触发 change 事件，并调用 handleChange 方法。在 handleChange 方法中，你可以通过 event.target.value 来获取输入的值，并进行相应的处理。

希望这个例子可以帮到你！如果还有其他问题，请随时提问。