el-select存储了value,调用时只显示value值在页面

el-select选完后只在数据库存储了value也就是只有数字,然后在其他界面要调用这个字段就也只显示数字了咋办,怎么显示值啊

要保证 options中的value 和你回显的value 是同一个数据类型
如果你options中的value为number类型,数据库返回的也应该为number类型

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 文章:解决el-select选项为对象时回显问题 中也许有你想要的答案,请看下吧
  • 除此之外, 这篇博客: el-select的使用、根据后台返回的value显示对应label值中的 1.el-select的使用 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

    **
    模板:

    <div class="group-brank">
      <label class="col-30"><span style='color:red'>*</span>难度系数</label>
      <template>
        <el-select v-model="difficulty" placeholder="请选择" style="border-left: 0">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
      </el-select>
    </template>
    

    数据:

       data(){
        return {
          options:[{
            value:'1',
            label:'入门'
          },{
            value:'2',
            label:'进阶'
          },{
            value:'3',
            label:'高级'
          }],
          difficulty:'',
        }
     }
    

    效果:
    在这里插入图片描述


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^