You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.18 21:35:05