项目场景:

使用element-ui中的el-select,给选择框赋值时显示的值是value不是label

如下图所示,显示内容不是label 石河子大学而是value 1
在这里插入图片描述

原因分析:

产生上图的情况一般是由于el-select里面的v-model和v-value参数的类型不同,即下方代码中的form.sid和item.sid的类型不一致,

  <el-select v-model="form.sid" placeholder="请选择学校" style="width: 100%">
            <el-option v-for="item in school" :key="item.sid" :label="item.sname" :value="item.sid"></el-option>
  </el-select>

解决方案:

将参数类型修改一致即可,根据自己的具体需求将参数修改成字符类型或者数字类型,结果如下图所示

 this.form.sid = Number(this.form.sid)
 this.form.sid = String(this.form.sid)

在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐