Question

我在对话框中有一个vue-v自动完成功能，它使最后选择的值保持显示。如果我打开对话框，请选择一个名称，然后在下次打开对话框时关闭该对话框，它仍会显示最后选择的值。

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

有没有一种方法可以在对话框关闭时将其设置为空白？我可能可以重新加载整个项目列表，但这似乎浪费资源，因为它填充了3000个名称

谢谢

Answer 1

您可以查看对话框模型，并在对话框通过false时将模型自动完成设置为null

对话框

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

JavaScript

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

将vuetify v-autocomplete设置为空白

1 个答案: