Vue3+Vuetify3中v-select选择值后显示未更新的问题求助
Vue 3 + Vuetify 3 UI问题求助
问题1:v-select选中值显示不更新
技术栈为Vue 3和Vuetify 3,现有一个展示地区列表的v-select组件,将其model-value初始化为"US"。用户点击当前值并选择非"US"的地区时,@update:model-value能正确获取到用户选择的新值,但v-select的当前选中显示仍为"US",无法同步选择结果。
重现步骤
- 点击应用栏中的Settings;
- 点击菜单中的Change Locale,地区弹窗快速闪现后消失;
- 再次点击Settings;
- 地区弹窗出现,初始值为US;
- 点击初始值并切换为非US的地区;
- 当前显示值仍为US,与实际选择结果不符;
- 打开开发者工具,控制台日志能正确显示"New locale: "及用户选择的地区。
问题2:菜单弹窗闪现后消失
点击Settings菜单中的Change Locale时,地区弹窗会快速闪现后消失,需要再次点击Settings才能正常打开弹窗,若知晓该问题原因也请告知。
内容的提问来源于stack exchange,提问作者Henry
相关产品推荐
相关产品推荐

