vue选中下拉框数据,但是值没有填充到框内

​​

下拉框选中数据后,roomType的值没有自动更新

查找资料后的已解决,特此记录。

解决办法:

加入强制更新时间

html 复制代码
<el-form-item label="房型" prop="roomType">
  <el-select v-model="form.roomType" placeholder="请选择房型" @change="selectPlatform">
    <el-option
      v-for="dict in dict.type.room_type"
      v-if="locationRoomTypeList.includes(dict.value)"
      :key="dict.value"
      :label="dict.label"
      :value="dict.value"
    ></el-option>
  </el-select>
</el-form-item>
script 复制代码
    // 强制更新房型
    selectPlatform(){
      this.$forceUpdate()
    },
    ```
相关推荐
Lethehong20 小时前
简历优化大师:基于React与AI技术的智能简历优化系统开发实践
前端·人工智能·react.js·kimi k2·蓝耘元生代·蓝耘maas
华仔啊20 小时前
还在用 WebSocket 做实时通信?SSE 可能更简单
前端·javascript
鹏北海21 小时前
多标签页登录状态同步:一个简单而有效的解决方案
前端·面试·架构
_AaronWong21 小时前
基于 Vue 3 的屏幕音频捕获实现:从原理到实践
前端·vue.js·音视频开发
孟祥_成都21 小时前
深入 Nestjs 底层概念(1):依赖注入和面向切面编程 AOP
前端·node.js·nestjs
let_code21 小时前
CopilotKit-丝滑连接agent和应用-理论篇
前端·agent·ai编程
Apifox21 小时前
Apifox 11 月更新|AI 生成测试用例能力持续升级、JSON Body 自动补全、支持为响应组件添加描述和 Header
前端·后端·测试
木易士心21 小时前
深入剖析:按下 F5 后,浏览器前端究竟发生了什么?
前端·javascript
在掘金8011021 小时前
vue3中使用medium-zoom
前端·vue.js
xump1 天前
如何在DevTools选中调试一个实时交互才能显示的元素样式
前端·javascript·css