vban admin 监测表单里的某个字段值变化

在vban admin中，可以使用`$watch`方法去监测表单里的某个字段。具体实现方法如下：

首先需要在`data`中定义表单的数据：

data() {
  return {
    form: {
      name: '',
      age: '',
      gender: ''
    }
  }
}

然后在`watch`中添加监测函数，例如监测`name`字段的变化：

watch: {
  'form.name': function (newVal, oldVal) {
    console.log(`name changed from ${oldVal} to ${newVal}`);
  }
}

这里使用了`'form.name'`来指定监测的字段，当`name`字段的值发生变化时，会触发监测函数并打印出相应的信息。

完整的代码如下：

<template>
  <v-form v-model="valid">
    <v-text-field v-model="form.name" label="Name"></v-text-field>
    <v-text-field v-model="form.age" label="Age"></v-text-field>
    <v-select v-model="form.gender" :items="genders" label="Gender"></v-select>
  </v-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        name: '',
        age: '',
        gender: ''
      },
      genders: ['Male', 'Female'],
      valid: true
    }
  },
  watch: {
    'form.name': function (newVal, oldVal) {
      console.log(`name changed from ${oldVal} to ${newVal}`);
    }
  }
}
</script>

希望对你有所帮助。