解决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();
          },
}
相关推荐
bug_kada9 分钟前
ES6 字符串新增方法你了解多少?
前端·javascript
用户07637671074610 分钟前
yarn create vite创建vue3项目
vue.js
超能996要躺平17 分钟前
vue3 实现页面锚点,左边控制右边内容区域滚动
前端·vue.js
宁静_致远1 小时前
React + TypeScript 开发中的黄金法则
javascript
人物1 小时前
Vue技巧
前端·vue.js
独立开阀者_FwtCoder1 小时前
掌握这个API,让你的网页展示效果提升10倍
前端·vue.js·面试
尚学教辅学习资料1 小时前
基于SSM+Vue+uniapp的科创微应用(可改为研学)小程序+LW示例
vue.js·小程序·uni-app·科创·研学
程序员小刚2 小时前
基于SpringBoot + Vue 的图书馆座位预约系统
vue.js·spring boot·后端
岁岁岁平安2 小时前
SpringBoot3+Vue3实战(Vue3快速开发登录注册页面并对接后端接口)(4)
javascript·vue.js·elementui·java-ee·intellij-idea·springboot
Hermione_log2 小时前
解决百度地图渲染中“Cannot read properties of undefined (reading ‘texture’)”问题
前端·vue.js