elementUI的el-select 默认值显示value不显示label问题

el-select 默认值显示value不显示label问题

在用el-select做页面的时候,拿到后台传来的list,绑定后到el-select之后默认值显示value不显示label。

原写法:


                        
                        
                    

原因是返回的数字和el-option选框里value值的类型对应不上

一个是 Numer 一个是 String。

查看一下后台返回的list 发现,返回的value是String类型,而不是Number。而这里改成Number就ok了。

elementUI的el-select 默认值显示value不显示label问题_第1张图片

如果应该是字符 option里是数字的话就转字符,总之要类型统一。

转换数字:parseInt(item.value)

转换字符串:item.value.toString() / item.value+''

更改后:

 
                        
                        

问题解决~~

你可能感兴趣的:(elementUI,elementui,前端)