当前位置:   article > 正文

Element中el-select下拉框无法回显_el-select选择后不回显

el-select选择后不回显

使用elementUI时,在页面编辑时,下拉框回显数据有问题
在这里插入图片描述
这里主题类型默认选中类型为1的主题,并显示主题类型

<el-form-item label="主题类型" prop="subjectType">
          <el-select v-model="form.subjectType" placeholder="请选择" clearable filterable>
               <el-option
                  v-for="(item,index) in themeTypeOptions"
                  :key="index"
                  :label="item.label"
                  :value="item.value">
              </el-option>
          </el-select>
</el-form-item>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

原因是中 :value的值与的 v-model值不匹配(类型不一样),所以导致无法自动回显
将form.subjectType和themeTypeOptions中的value改为同一类型,并检查数据是否相同。问题解决

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/577745
推荐阅读
相关标签