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

  

最近在做一个项目,项目的后端是地址:https://github.com/wangyuanjun008/wyj-springboot-security.git
  前端地址是https://github.com/wangyuanjun008/wyj-vue-security.git,使用的前端语言是vue,使用webpack构建vue-cli全家桶
  

  

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

        & lt; el-select v模型=" commonForm。状态”可清除的占位符="请选择”比;   & lt; el-option v=跋钅俊毕钅?关键="项目。id”:label="项目。文本”:价值=" https://www.yisu.com/zixun/item.id "祝辞& lt;/el-option>   & lt;/el-select>之前      

在浏览器中查看列表返回的数据:
  

  

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

  

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

  

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

  

发现选择下拉的id和v模型里边的id类型不一致,修改后台下拉框数据源返回类型,下拉框显示数据成功。
  

  

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

  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

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