经验分享 · 2023年3月9日

解决VUE elementui 的el-select 显示value 而不是显示对应的label的问题

原代码:

其中storeType是整数类型,当此值为1时,我们希望显示“阿里云OSS”,可实际显示的是1。参考了下面的帖子,原因是数据类型不匹配,el-options key和value实际都是字符串形式,那么解决办法就简单了,加:

以下为转贴,供参考

将后台返回的数据填充到页面的上的时候需要的是汉字,在给后台传值的时候传的是数字,现在有个问题就是让它显示的时候显示汉字,传值的时候传数字,那无疑,我们还是需要将动态绑定的值给赋值数字1,2,3这种的,但是发现显示的时候也会显示成数字,

 

这不是我想要的效果,查资料发现,是数据类型的问题,你在本地代码中数据格式要和后台返回的数据格式一致

 

如果在本地的数据是number类型的,那么返回的数据格式也必须是number类型的才能显示对应的text内容,如果本地是string类型的,那么后台返回的数据格式也必须是string,所以,我们需要进行类型转换,才能正确显示