如何使用el-select组件实现下拉选择功能？

本文共计560个文字，预计阅读时间需要3分钟。

目录 + 使用el-select数据回显，仅显示value不显示label + 处理el-select数据回显时遇到的问题，仅显示value不显示label + 点击actions，将当前VIPGrade和ID传递过去 + 此时我们可以看到sel

目录

• el-select数据回显,只显示value不显示lable
• 在处理el-select数据回显时遇到的问题

el-select数据回显,只显示value不显示lable

点击actions，把当前VIPGrade ID传过去

这个时候我们可以看到，select List是有数据的，但是为什么只显示value，并没有显示label呢？

这个时候我们打印一下，从主页面传入的 id 是什么类型，再看一下我们的 list 里面的id是什么类型

通过控制台我们可以看到，主页面传入的id 是String类型的，而我们 list 的 VIPGraded 是Number类型的，看到这里我们就知道原因了；

我们在数据回显 重置的我们 VIPGradeID 的时候，把类型转换一个即可 再看效果图

此时我们已经看到，数据回显时，就可以绑定上对应的 ID 值，并且显示对应的Label 值；

在处理el-select数据回显时遇到的问题

在开发vue项目的时候，会普遍的用到elementUI组件库，当用道其中的下拉框组件时，会遇到一点儿问题。