element el-select组件回显数据后不能更新最新选择的数据解决方法

编辑的时候,这个下拉列表有个默认回显的数据,导致在进行其他项选择的时候,不能立即更新选框的值,查找原因很久,才找到解决方法,费了不少时间,特此记录下
在这里插入图片描述

<el-select
            v-if="paperType == 1"
            v-model="form.questionTh"
            placeholder="请选择题号"
            style="margin-bottom:10px;margin-left:5px;"
            @change="changeQuestionThSelect"
          >
            <el-option
              v-for="dict in structInfo"
              :key="dict.id"
              :label="dict.name"
              :value="dict.id"
              :disabled="dict.disabled"
            />
          </el-select>
//选择序号
   changeQuestionThSelect(value) {
     let name = ''
     this.structInfo.forEach(item => {
       if (item.id == value) {
         name = item.name
       }
     })
     this.form.structName = name
     //回显后选择强制刷新
     this.$forceUpdate()
   },

强制刷新后,数据切换就能显示当前选中的值了,其他的下拉框,没问题,就这个出问题了!具体的原因希望有懂得大佬能指点下

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值