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()
    },
    ```
相关推荐
sibylyue15 小时前
基于 Vben Admin 框架的 Vue 3 前端项目配置文件及常用命令
前端·javascript·vue.js
知几蜗牛15 小时前
0 后端 · 0 数据库 · 0 备案:用 AI 两天搓出的股票管理系统,开源了
前端·后端·llm
雪芽蓝域zzs15 小时前
Element‑Plus icon 图标名称查询 & 和菜单 meta.icon 字段映射
前端
01_ice16 小时前
前端学习css
前端·css·学习
愚公搬代码17 小时前
【愚公系列】《Web应用安全》010-Repeater模块的使用
前端·安全
Cache技术分享17 小时前
503. Java 反射 - 编写 ServiceFactory 类
前端·后端
赵大仁17 小时前
AI 限流 UX 设计:排队、降级、告知与用户预期管理
前端·ai·限流·用户体验·产品设计
__sjfzllv___17 小时前
在职前端Leader学习/转行 AI Agent -DAY37
前端
用户21816970493017 小时前
Flutter (二十二) GlobalKey
前端
用户21816970493017 小时前
Flutter (二十一) 下拉刷新,加载更多
前端