ant design vue 表头自定义筛选
这是后端同事给我提的优化。。。其实搜索里面已经有这一搜索条件了,我不知道为啥还要加一个。那既然提了,就得想办法实现。然后我找了官方文档。这是官方网站给的示例及代码:地址点【这里】怎么说代码还是挺晦涩难懂的,而且还没有注释。所以还得借助度娘。简单说,官方文档里还是借助column中onFilter方法进行筛选的,但是我这列是编码经过转译展现在前端的。所以我的想法是借助它的样式,然后绑定一个函数,实现
·
这是后端同事给我提的优化。。。其实搜索里面已经有这一搜索条件了,我不知道为啥还要加一个。
那既然提了,就得想办法实现。然后我找了官方文档。
这是官方网站给的示例及代码:
地址点【这里】
怎么说代码还是挺晦涩难懂的,而且还没有注释。所以还得借助度娘。简单说,官方文档里还是借助column中onFilter方法进行筛选的,但是我这列是编码经过转译展现在前端的。所以我的想法是借助它的样式,然后绑定一个函数,实现自定义搜索。
当时找到一个博客,注释还挺详细的。
地址点【这里】
column中的
博客中记录的如下所示:
table中定义的input,其中绑定的搜索方法修改如下:
主要思路就是遍历dataSource模糊匹配,然后将匹配到的数据push到dataSourceCopy中,最后将dataSource = dataSourceCopy。
前端匹配的,
1、可以考虑indexOf()方法
2、借助 RegExp对象和match 方法。
效果如下:
更多推荐
已为社区贡献3条内容
所有评论(0)