Текстовое поле автозаполнения Vue не удаляет старое значение, когда новое значение пустое или пустое

Question

Я использую Vue и у меня есть форма с полем v-autocomplete

Когда я выбираю новый объект для заполнения формы, если текущее поле имеет какое-либо значение ex.«Сан-Франциско» и новое значение этого же поля пустое / пустое, тогда поле не обновляется пустым полем, оно остается «Сан-Франциско»

Я пытаюсь выяснить, если этонекоторые свойства в поле v-autocomplete

<template>
  <v-container>
  <v-layout column style="position: fixed; top: 80px; right: 10px;">
            <v-btn @click="clickCloseBtn" fab small :disabled="!canClose"><v-icon>close</v-icon></v-btn>
            <v-btn @click="toggleEdit" fab small><v-icon v-if="!editMode">edit</v-icon><v-icon v-else="editMode" color="red">edit</v-icon></v-btn>
            <v-btn @click="goToFirst" fab small :disabled="!hasPrev"><v-icon>first_page</v-icon></v-btn>
            <v-btn @click="goToPrev" fab small :disabled="!hasPrev"><v-icon>chevron_left</v-icon></v-btn>
            <v-btn @click="goToNext" fab small :disabled="!hasNext"><v-icon>chevron_right</v-icon></v-btn>
            <v-btn @click="goToLast" fab small :disabled="!hasNext"><v-icon>last_page</v-icon></v-btn>
        </v-layout>
  <v-layout row wrap>
            <v-flex md2 px-1>
                <div class="subheader hover" @click="toggleExpandJobsite"><v-icon v-show="!expandJobsite" color="black">expand_more</v-icon><v-icon v-show="expandJobsite" color="black">expand_less</v-icon> Jobsite</div>
            </v-flex>
            <v-flex md3 px-1>
                <v-autocomplete v-model="jobsiteId"
                                :items="jobsiteCodeOptions"
                                :search-input.sync="jobsiteCodeSearch"
                                label="Jobsite Code"
                                @input="inputJobsiteCode"
                                clearable
                                hide-no-data
                                dense
                                :disabled="!editMode">
                </v-autocomplete>
            </v-flex>
            <v-flex md4 px-1>
                <v-text-field v-model="jobsiteName" label="Jobsite Name" disabled></v-text-field>
            </v-flex>
            <v-flex md3 px-1>
                <v-autocomplete v-model="locationId"
                                :items="locationNameOptions"
                                :search-input.sync="locationNameSearch"
                                label="Location Name"
                                @input="inputLocationName"
                                clearable
                                clear-icon
                                hide-no-data
                                dense
                                :disabled="!editMode || !jobsiteId">
                </v-autocomplete>
            </v-flex>
        </v-layout>
  </v-container>
</template>

in .vue У меня есть

export default {
  methods: {
    goToNext() {
      this.$router.push({
        path: '/Entry/Records/' + this.refList[this.refListIndex + 1].id
      })
    },
  }
}

и это вызывает контроллер

    [HttpGet("{id}")]
    public IActionResult GetRecord([FromRoute] int id)
    {
       // stuff here ommitted

        var record = RecordsContext.GetRecord(_context, id);

       // other stuff ommitted

        return Ok(record);
    }

и получает запись

    public static Record GetRecord(MpidDbContext context, int id)
    {
        return context.Records.SingleOrDefault(m => m.Id == id);
    }

Я могу показать запись, если будет предложено!