毕设日记

Posted 2022-11-23 zhixuChen333

毕设日记（三）

element-ui踩的坑

记录一下今天使用element ui踩的坑。在我的毕设中有个需求就是展现员工的基本信息，使用的是table组件进行展示，既然用了表格那么必然离不开分页,我想对表格健康状态进行筛选过滤，于是element ui案例中在在列中设置filters、filter-method属性，发现就只能对当前的页的十条数据进行过滤，如果不用分页是没什么问题，但是用了表格，不可能不分页。我就想自己重写filter-method里的方法自己对数据进行过滤，但是我发现你如果有十行数据，这个方法就会执行10次，也就是说这样子我就会调10次接口去查数据库，效率值大大降低，于是我发现可以设置table的filter-change属性定制自己的条件进行过滤，注意的点就是记得在你所筛选的列上增加column-key属性

filter-change：当表格的筛选条件发生变化的时候会触发该事件，参数的值是一个对象，对象的 key 是 column 的 columnKey，对应的 value 为用户选择的筛选条件的数组。