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()
    },
    ```
相关推荐
AlienZHOU6 分钟前
DeepSeek Harness 插件:HTML 实时可视化编辑
前端·agent·deepseek
剪刀石头布啊3 小时前
javascript手动实现继承
前端
Elias不吃糖3 小时前
Langfuse 入门:Trace、Prompt、Dataset、Experiment、Evaluator
前端·python·prompt·langfuse
vipbic3 小时前
一个前端的 9 天重构:我是怎么用 Codex 重做航栈的
前端·javascript·后端
Eason_Lou5 小时前
【无标题】
前端·vue.js·html
_codemonster5 小时前
npm run dev 是在开发模式运行,怎么在生产环境运行
前端·npm·node.js
kyriewen5 小时前
我受够了复制报错去问 AI,花一下午给控制台做了个调试助手
前端·javascript·ai编程
IT_陈寒6 小时前
Redis的DEL命令竟然没删掉数据?我踩的这个坑你得知道
前端·人工智能·后端
anOnion6 小时前
构建无障碍组件之Menu and Menubar Pattern
前端·html·交互设计