最近在实现一个功能时一开始想的比较简单,后来因为需要更加完善的功能一时无从下手最终是带我的学长实现的,看了他写的代码学到不少,下面记录一下自己的心得体会。
如图要实现的是左边模糊查询以后右边显示出查询的结果,然后点击相应的结果以后下方显示出对应的记录。
首先对于上面的查询显示就是一个简单的模糊查询主要依靠后台的结果,然后将查询的结果放在select的option里面即可
对于下方的展示功能(注意还有右方的删除功能等同于第二次点击同样的查找记录)
首先又一个arr保存用的数组,我们要判断此次点击一条记录时arr中是否存在可以用到some函数,存在就删除该记录,否则插入。
插入:
arr:[...arr,data(新纪录)]
删除:
arr.
filter(
item
=>
item.
hashId !==
data.
hashId)
然后保存下来满足括号内条件的,去掉不满足条件的同样删除的时候就是filter来实现的
关于some和filter函数的用法如下:
some:点击打开链接
filter:filter的用法