el-select下拉框数据列表没有对应的数据，但后端把没有在下拉框的id数据传过来，导致数据回显时，部分显示不出来，不能回显的数据需要隐藏

1. 问题：

el-select下拉框数据列表没有对应的数据，但后端把没有在下拉框的id数据传过来，导致数据回显时，部分显示不出来。

查看了后端返过来的数据，传了两个id，其中35不在下拉框数据列表当中的四条数据里，所以回显不出来

重点：需求要求把不在下拉框数据列表里的数据隐藏起来，但在传给后端时仍保留该数据传过去，即把id为35的传给后端

2. 解决：

后端返回的两条数据是字段prefectureCityVoList，将其取出id放在数组里，这两个id放进去数组就是[35, 37]，传给字段prefectureCityIds，再把下拉框的四条数据的id放进数组字段PrefectureCityListIds里，即[36,37,41,42]，再设计两个数组变量，把属于下拉框的数据放在字段isOperatorPrefectureCityIds的数组里，让该数据正常回显，把不属于下拉框的数据，比如id是35的放在字段noOperatorPrefectureCityIds数组里。

代码：

this.projectForm = this.$common.copy( data );
let prefectureCityIds = data.prefectureCityVoList.map(d => d.id)
let PrefectureCityListIds = this.PrefectureCityList.map(d => d.id)
this.noOperatorPrefectureCityIds = prefectureCityIds.filter(item => !PrefectureCityListIds.includes(item))
let isOperatorPrefectureCityIds = prefectureCityIds.filter(item => PrefectureCityListIds.includes(item))
this.$set(this.projectForm, 'prefectureCityIds', isOperatorPrefectureCityIds)

选择框的代码：

最后传参后端的参数就是合并：

测试结果

本来有id是35的没有再显示出来了，传给后端也能把id是35的传回去，满足了需求提出的要求，如果你不需要把不能回显的数据，传给后端，就不用在传参时合并字段noOperatorPrefectureCityIds，这个根据自身需求来定。总之，有时我们会遇到需求奇奇怪怪的一些要求，需要耐心找资料解决。