vue element ui table搜索功能实现

580 阅读1分钟
通过vue+element ui生成element-tabletable展示从服务器接收到的数据。数据格式如下图所示:

image.png

现在,通过对数据的属性(比如:日期)对数据进行筛选,展示符合要求的数据。
解决思路:
1.获取想要筛选的数据属性;
2.在el-select中对这些属性进行遍历,在这里选择想要筛选的属性;
3.对所有数据通过匹配属性进行筛选。

简略代码如下:
(由于原始代码是上班的给公司写的,我太懒,不想做相似复现,所以写了一段简略代码)