解决el-form中的输入框,或者下拉框无法修改赋值

使用this.$forceUpdate()进行强制渲染

el-input添加@input事件,el-select添加@change事件,方法为:

复制代码
<el-input
            @input="defaultValueChange"
              v-model="queryParams.irNumber"
              :placeholder="$t('IRRequest.pleaseEnterIrNumber')"
              clearable
              size="small"
              @keyup.enter.native="handleQuery"/>
            </el-form-item>

<el-form-item :label="$t('IRRequest.Line')">
              <el-select v-model="queryParams.line" :placeholder="$t('IRRequest.Line')" clearable size="small" @change="defaultValueChange2">
                <el-option
                  v-for="dict in dict.type.sys_Line"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                />
              </el-select>
            </el-form-item>

      methods: {
        
          defaultValueChange(){
              this.$forceUpdate();
          },
          defaultValueChange1(){
              this.$forceUpdate();
          },
}
相关推荐
合作小小程序员小小店1 小时前
web网页开发,在线考勤管理系统,基于Idea,html,css,vue,java,springboot,mysql
java·前端·vue.js·后端·intellij-idea·springboot
防火墙在线1 小时前
前后端通信加解密(Web Crypto API )
前端·vue.js·网络协议·node.js·express
她是太阳,好耀眼i2 小时前
Nvm 实现vue版本切换
javascript·vue.js·ecmascript
蒲公英10012 小时前
在wps软件的word中使用js宏命令设置表格背景色
javascript·word·wps
han_3 小时前
前端高频面试题之Vue(初、中级篇)
前端·vue.js·面试
一枚前端小能手3 小时前
📜 `<script>`脚本元素 - 从加载策略到安全性与性能的完整指南
前端·javascript
掘金安东尼3 小时前
TypeScript为何在AI时代登顶:Anders Hejlsberg 的十二年演化论
前端·javascript·面试
执携4 小时前
Vue Router (命名视图)
前端·javascript·vue.js
含若飞4 小时前
Vue 中 `watch` 与 `this.$watch` 使用指南
前端·javascript·vue.js
Python私教4 小时前
Node.js 开发环境搭建全攻略(2025版)
javascript