ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-11-27 19:58:53  阅读:206  来源: 互联网

标签:el name 回显 value element 选择 item 数据


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

<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()
   },

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

标签:el,name,回显,value,element,选择,item,数据
来源: https://blog.csdn.net/qq_27702739/article/details/121582377

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有