vue中change事件的用法

Vue中的change事件是针对表单元素的事件，它在表单元素的值改变并且失去焦点后触发。可以通过v-on指令来绑定change事件。

例如，如果我们想要在输入框的值发生变化时执行一个函数，可以这样写：

<template>
  <div>
    <input type="text" v-model="message" v-on:change="handleChange" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: "",
    };
  },
  methods: {
    handleChange() {
      console.log("Input value changed");
    },
  },
};
</script>

在这个例子中，我们使用v-model指令将输入框的值绑定到Vue实例的message属性上，然后使用v-on指令将change事件绑定到handleChange方法上。当输入框的值发生变化并且失去焦点后，handleChange方法就会被触发，并在控制台输出一条日志。