js element+admin前端查询数据

前端实现如下搜索查询功能:

 

 某个或多个值改变,更新数据列表。

一.最好看的

 

 1.将data给新数组newArr;

2.searchForm是搜索表单中的内容,forEach表单对象,拿到对应的value,key,并将newArr一并传给filterFun.

3.如未填,filterFun中返回;填了,根据key过滤,并返回。

4.forEach每次循环会拿到新的数组,循环完成后将新数组渲染到页面上。

5.在select @change和input @input中执行searchFun方法,可实现同时满足多个或单个条件的查询。

 

二.不好看的

 

 

form是个数组,将对应的值,索引传给filterFun,根据索引匹配需要返回的内容

 

posted @ 2023-03-10 11:56  烂笔头~  Views(43)  Comments(0Edit  收藏  举报