解决元素ui选择下拉框不回显数据的问题

最近，我在做一个项目。项目的后端是地址：https://github.com/wangyuanjun008/wyj-springboot-security.git的前端地址是https://github.com/wangyuanjun008/wyj-vue-security.git.使用的前端语言是vue，vue-cli系列存储桶是使用webpack构建的

在项目中使用el-select时遇到的一个问题是，编辑表单时，下拉框不显示数据，前台代码如下：

El-select v-model=' common form . status '可清除占位符='请选择' El-option v-for=' items in items ' : key=' item . id ' : label=' item . text ' : value=item . id '/El-option/El-select在浏览器中查看列表返回的数据：

在浏览器：中查看下拉框数据源的数据

发现选择下拉中的id与v型中的id类型不一致。在后台下拉框中修改数据源返回类型，下拉框成功显示数据。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。