相关疑难解决方法(0)

我想通过javascript跟踪表单中输入的变化.我的意图是(但不限于)

• 只有在某些内容发生变化时才启用"保存"按钮
• 如果用户想要关闭页面并且未保存某些内容则发出警报

想法？

我有一个简单的表格，我只是为了实验目的而创建的。我试图保持按钮禁用，除非原始表单数据发生更改，但如果数据更改恢复为原始数据（撤消），仍然保持按钮禁用。

<template lang="pug">
  form(@click.prevent="save")
    .main
      input(v-model="user.name")
      input(v-model="user.email")
      input(v-model="user.age")
      select(v-model="user.sex")
        option Male
        option Female
    .footer
      button(:disabled="isFormEnable") Save
</template>

<script>
export default {
  name: 'userForm',
  data () {
    return {
      user: {
        name: 'John Doe',
        email: 'john@gmail.com',
        age: '35',
        sex: 'Male',
      }
    }
  },

  computed: {
    isFormEnable () {
      // I am not sure what I need to do here but something like this may be:
      if (user.name) { return true }
    }
  },

  methods: {
    save () {
      console.log('Form Submitted')
    } …