Vue.js 将vuetify v-autocomplete设置为空白

Vue.js 将vuetify v-autocomplete设置为空白,vue.js,vuetify.js,Vue.js,Vuetify.js,我在一个对话框中有一个vuetify v-autocomplete,它会显示最后选择的值。如果打开该对话框,请选择一个名称并在下次打开该对话框时关闭该对话框,该对话框仍会显示上次选择的值 <v-autocomplete default="" placeholder="Type to search" :items="members" :item-text="getFullName" item-value="MemberID" :loading="loadingMembers

我在一个对话框中有一个vuetify v-autocomplete,它会显示最后选择的值。如果打开该对话框,请选择一个名称并在下次打开该对话框时关闭该对话框,该对话框仍会显示上次选择的值

         <v-autocomplete default="" placeholder="Type to search" :items="members" :item-text="getFullName" item-value="MemberID" :loading="loadingMembers" @change="changeMember"></v-autocomplete>

有没有办法在对话框关闭时将其设置为空白?我可能会重新加载整个项目列表,但这似乎是浪费资源,因为它包含3000个名称


谢谢,当对话框传递为false时,您可以查看对话框模型并将模型自动完成设置为null

对话


Javascript

watch: {
    dialog: function (val) {
      if(!val) {
         this.memberSelected = null
      }
    }
}

我认为添加
v-model=“member\u-select”
,然后在
changember()
this.member\u-select='
中添加,应该可以解决这个问题。如果这不起作用,请尝试。像冠军一样工作--谢谢