Vue.js Vue-重置表单，但仍然得到红色无效框

我有一个带有必填字段（名称、说明等）的“添加任务”表单。下面是一个相关的片段：

<v-form ref="form">
    <v-row class="mx-5">
        <v-col cols="12" sm="6">
            <v-autocomplete clearable outlined v-model="task.full_name" :items="students" :item-text="'name'" :item-value="'name'" :name="'name'" label="Full name*" :rules="required" return-object @change="setPhoneNumber"></v-autocomplete>
        </v-col>
        <v-col cols="12" sm="6" md="6">
            <v-autocomplete clearable outlined @change="checkLocation" v-model="pickedLocation" :items="locations" label="Location*" :rules="required"></v-autocomplete>
        </v-col>

---

所有的输入框都被重置了，它们是空的，没有验证错误。除了一个以外，其他都是。“全名”框（上面代码段中的第一个）为空，但该框为红色，表示验证错误。我不知道为什么会对这个特定的输入框进行验证，即使我重置了表单。有什么想法吗？

你能为这个问题提供一个提琴吗？@Ohgodwhy我试过了，但由于这个应用程序有几个不同的部分有点复杂，我很难将它简化为一个工作示例。你能为这个问题提供一个提琴吗？@Ohgodwhy我试过了，但由于这个应用程序有几个不同的部分有点复杂，我很难对它进行裁剪下面是一个有效的例子。

this.color = 'success'
this.added = true
this.isPressed = false
this.dialog = false
this.$refs.form.reset()
this.fetchTasks()