解决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();
          },
}
相关推荐
passerby60615 小时前
如何自己造一个时间处理库
前端·javascript·github
小羊没烦恼!6 小时前
Hello Web API系列教程——Web API与国际化
java·服务器·前端·javascript·php
mayaairi8 小时前
Vue2 组件通讯(三):全局事件总线、PubSub、插槽与组件实例属性
前端·javascript·vue.js
kyriewen9 小时前
面试官问我:AI 都能写代码了,前端凭什么还值 25K
前端·javascript·人工智能
BillKu10 小时前
全局样式变量:CSS 自定义属性(--border-color)和SCSS 变量($border-color)的说明
javascript·css·scss
默_笙10 小时前
❗ 给金鱼装记忆(上):从白板到笔记本,AI 的短期记忆生存指南
前端·javascript
兜里只有三分钱~11 小时前
翻卡_3D 的仪式感,和三个让它穿帮的写法
javascript·css·3d
mayaairi11 小时前
Vue2 组件通讯(四):v-model、scoped样式、mixins与plugins
前端·javascript·vue.js
前端炒粉11 小时前
DOM 常用 API 速查表
开发语言·javascript·ecmascript
星云API技术支持12 小时前
企业微信二次开发:如何建立统一的错误处理、日志与请求追踪机制
javascript·企业微信·ruby