vue3如何实现多条件搜索

851 阅读1分钟

vue3如何实现多条件搜索

首先自己mock了数据 image.png

搜索框是Ant Design Vue组件 image.png

先拿到整个表格的数据 再对整个表格深数据拷贝 可以在清除搜索框时返回当前的页面 image.png

判断搜索框的值不为空时,从深拷贝的数据中筛选符合条件的 本案例是根据title和type进行的筛选过滤 image.png

大家可以根据条件去自行进行筛选