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()
    },
    ```
相关推荐
一枚前端小能手13 小时前
2618. 检查是否是类的对象实例(JavaScript)
前端·javascript
倚肆13 小时前
CSS中transition属性详解
前端·css
快递鸟13 小时前
物流信息总滞后?快递鸟在途监控 API,毫秒级响应让物流透明不等待
前端
fruge14 小时前
前端注释规范:如何写“后人能看懂”的注释(附示例)
前端
小飞大王66614 小时前
JavaScript基础知识总结(四):常见内置构造函数,正则表达式,作用域与闭包
前端·javascript·正则表达式
清凉夏日14 小时前
Flutter 国际化完整指南
前端·flutter
Jony_14 小时前
动态代理机制
前端
掘金一周14 小时前
重新思考 weapp-tailwindcss 的未来 | 掘金一周 11.13
前端·人工智能·后端
Pu_Nine_914 小时前
Vue 3 项目 ESLint 配置详解:初始模板的正确配置
前端·javascript·vue.js
Jolyne_14 小时前
【浏览器插件】一键下载页面图片和文本
前端