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

Logo

前往低代码交流专区

更多推荐