解决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 小时前
😭测试小姐姐终于不骂我了!这个提BUG神器太香了...
前端·javascript·面试
行者全栈架构师3 小时前
UniApp集成vk-uview-ui组件库详解:打造高效UI开发体验
前端·vue.js
林希_Rachel_傻希希3 小时前
js里面的proxy理解。以及vue3响应式数据设计底层
前端·javascript·面试
阿黎梨梨4 小时前
AI Loop:告别“人肉写提示词”,让代码替你“鞭策”AI
javascript·人工智能
Csvn5 小时前
Vue 3 defineModel 翻车实录:多个 v-model 绑定到底怎么写?
前端·vue.js
竹林8187 小时前
用 wagmi v2 + viem 监听链上事件,我踩了三天坑终于搞懂了实时日志与历史补全
javascript
Momo__7 小时前
VueUse createReusableTemplate —— 单文件组件内的模板复用神器
前端·vue.js
只一7 小时前
😭从回调地狱到 async/await:一文打通 Ajax 与 JS 异步编程
javascript
程序员小富7 小时前
我开源了一个开发者专属的智能 JSON 工具,得到了媳妇高度认可
前端·vue.js·后端
weedsfly8 小时前
语法糖褪去之后——Babel 转译产物中的 JavaScript 本貌
前端·javascript