ant design vue 表头自定义筛选

这是后端同事给我提的优化。。。其实搜索里面已经有这一搜索条件了，我不知道为啥还要加一个。

那既然提了，就得想办法实现。然后我找了官方文档。

这是官方网站给的示例及代码：

地址点【 】

怎么说代码还是挺晦涩难懂的，而且还没有注释。所以还得借助度娘。简单说，官方文档里还是借助column中onFilter方法进行筛选的，但是我这列是编码经过转译展现在前端的。所以我的想法是借助它的样式，然后绑定一个函数，实现自定义搜索。

当时找到一个博客，注释还挺详细的。

地址点【 】

column中的

博客中记录的如下所示：

table中定义的input,其中绑定的搜索方法修改如下：

主要思路就是遍历dataSource模糊匹配，然后将匹配到的数据push到dataSourceCopy中，最后将dataSource = dataSourceCopy。

前端匹配的，

1、可以考虑indexOf()方法

2、借助 RegExp对象和match 方法。

效果如下：