vue 解决element-ui中el-select显示value不显示label的问题
项目场景:使用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"
·
项目场景:
使用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)
更多推荐
已为社区贡献4条内容
所有评论(0)