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()
    },
    ```
相关推荐
董世昌415 分钟前
什么是事件冒泡?如何阻止事件冒泡和浏览器默认事件?
java·前端
Bigger7 分钟前
在 React 里优雅地 “隐藏 iframe 滚动条”
前端·css·react.js
小沐°8 分钟前
vue3-ElementPlus出现Uncaught (in promise) cancel 报错
前端·javascript·vue.js
四瓣纸鹤13 分钟前
F2图表在Vue3中的使用方法
前端·javascript·vue.js·antv/f2
web前端12320 分钟前
# @shopify/react-native-skia 完整指南
前端·css
shanLion20 分钟前
从 iframe 到 Shadow DOM:一次关于「隔离」的前端边界思考
前端·javascript
精神状态良好23 分钟前
RAG 是什么?如何让大模型基于文档作答
前端
CRAB23 分钟前
解锁移动端H5调试:Eruda & VConsole 实战指南
前端·debug·webview
OpenTiny社区23 分钟前
Vue2/Vue3 迁移头秃?Renderless 架构让组件 “无缝穿梭”
前端·javascript·vue.js
敲代码的独角兽24 分钟前
深入理解 JavaScript 异步机制:从回调到 Promise 再到 async/await
前端