解决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();
          },
}
相关推荐
GIS好难学3 分钟前
Three.js 粒子特效实战③:粒子重组效果
开发语言·前端·javascript
刺客_Andy9 分钟前
React 第四十七节 Router 中useLinkClickHandler使用详解及开发注意事项案例
前端·javascript·react.js
爱看书的小沐39 分钟前
【小沐杂货铺】基于Three.js绘制三维管道Pipe(WebGL、vue、react)
javascript·vue.js·webgl·three.js·管道·pipe·三维管道
w2sfot41 分钟前
如何将React自定义语法转化为标准JavaScript语法?
javascript·react
不一样的少年_44 分钟前
上班摸鱼看掘金,老板突然出现在身后...
前端·javascript·浏览器
前端开发爱好者2 小时前
“最新国产代码大杀器”——MiniMax-M2!
前端·javascript
谷无姜2 小时前
JS必须过的槛--原型链,看完直接懂了!!
javascript
JohnYan2 小时前
Bun技术评估 - 26 Abort
javascript·后端·bun
inBuilder低代码平台2 小时前
Electron应用优化与性能调优策略
javascript·性能优化·electron
前端开发爱好者2 小时前
Electron 淘汰!新的跨端框架来了!性能飙升!
前端·javascript