Vue.js 将vuetify v-autocomplete设置为空白
我在一个对话框中有一个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
<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='
中添加,应该可以解决这个问题。如果这不起作用,请尝试。像冠军一样工作--谢谢