需求:使用ElementUI的输入框实现带提示建议搜索相关数据,其中提示建议中的数据从后端返回,存在重复的数据需要进行处理。
问题:直接调用后台数据渲染会出现数据重复的现象(上图修改前,下图修改后)


官方带提示建议的input组件获取的数据是直接写出来的,但是本项目提示建议的数据是从后台调用逐条添加渲染的,容易出现重复的数据,因此思路是先获取后台调用的数据,并创建一个空数组,遍历调用的数据,判断数组中是否有该数据,若无,则push进数组中,若有该数据不进行添加。
<el-autocomplete
class="input"
v-model="param.curingBarnCode"
:fetch-suggestions="querySearchBarn"
@keyup.enter.native="queryBatchList"
placeholder="请输入烤房编号"
style="width: 250px"
@clear="clearBarnCode"
clear