解决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();
          },
}
相关推荐
怕浪猫12 分钟前
Electron 开发实战(十二):安全性最佳实践|彻底杜绝漏洞、代码执行与数据泄露
前端·javascript·electron
weixin_4462608541 分钟前
Typora 插件开发实战:基于 JavaScript/HTML 构建定制化 Markdown 扩展
开发语言·javascript·html
如烟花的信页42 分钟前
某管理服务平台点选逆向分析
javascript·爬虫·python·js逆向
qq4356947011 小时前
Vue02
开发语言·前端·javascript
小李云雾1 小时前
Pinia:Vue3 全局状态管理从入门到精通
前端·javascript·vue.js
风吹夏回1 小时前
Vue3 + Element Plus 完整使用指南
前端·javascript·vue.js·element
依托偶尔宁1 小时前
element-plus:el-table设置展开图标所在列的位置
前端·elementui
疯狂SQL10 小时前
JWT 在线解码、验签、生成一篇讲透:附前端实现、工具架构与在线体验地址
javascript·jwt·编解码·jwt测试
前端一小卒10 小时前
不手写代码的第 30 天,我才明白前端这个岗位还剩什么
前端·javascript·ai编程
Ajie'Blog10 小时前
Copilot Agent Tasks API 开放:AI 编程开始进入后台任务时代
服务器·前端·javascript·人工智能·copilot·ai编程