vue 点击保存时判断表单数据是否有变化，有变化则可提交

可以使用一个变量来记录表单数据是否有变化，例如：

data() {
  return {
    formData: {
      // 表单数据
    },
    isFormChanged: false // 是否有变化的标识变量
  }
},
methods: {
  // 监听表单数据变化
  onFormDataChange() {
    this.isFormChanged = true;
  },
  // 保存表单数据
  saveFormData() {
    if (this.isFormChanged) {
      // 如果表单数据有变化，则提交表单数据
    } else {
      // 如果表单数据没有变化，则不需要提交
    }
  }
}

在表单中，可以使用 `@input` 事件来监听表单数据的变化，并调用 `onFormDataChange` 方法：

<template>
  <form>
    <input v-model="formData.name" @input="onFormDataChange" />
    <input v-model="formData.age" @input="onFormDataChange" />
    <button @click.prevent="saveFormData">保存</button>
  </form>
</template>

这样，当用户输入表单数据时，`onFormDataChange` 方法会被调用，将 `isFormChanged` 标识变量设置为 `true`，表示表单数据已经发生了变化。在用户点击保存按钮时，就可以根据 `isFormChanged` 变量的值来判断是否需要提交表单数据。