博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vuejs自定义过滤器根据搜索框输入的值,筛选复杂的列表数据
阅读量:6181 次
发布时间:2019-06-21

本文共 852 字,大约阅读时间需要 2 分钟。

如题所示,自定义过滤器根据搜索框输入的值,筛选复杂的列表数据。

如图所示:
图片描述

html代码:

  

js自定义过滤器代码:

filters:{    conditions: function(items){        var searchRegex = new RegExp(this.booksearchtext, 'i');        var arr=[];        for(var i= 0, j = items.length; i < j; i++){            arr[i] = {};            arr[i].contacters = [];            for(var item = 0, len = items[i].contacters.length; item < len; item++){                if(searchRegex.test(items[i].contacters[item].name) || searchRegex.test(items[i].contacters[item].enterpriseName) || searchRegex.test(items[i].contacters[item].phoneNumber) || searchRegex.test(items[i].contacters[item].uniqueID)){                    arr[i].firstLetter = items[i].firstLetter;                    arr[i].contacters.push(items[i].contacters[item]);                }            }        }        return arr;    } }

比如在输入框中输入'mm',得到筛选的结果如图所示:

图片描述

转载地址:http://hjdda.baihongyu.com/

你可能感兴趣的文章
Tiny并行计算框架之使用介绍
查看>>
Linux od命令
查看>>
一个不错的MySQL集群管理工具
查看>>
mysql-proxy 按表分发查询的lua脚本
查看>>
在wordpress主题下面添加二级菜单
查看>>
CentOS 下JDK安装
查看>>
Nginx + Django
查看>>
我的友情链接
查看>>
用shell脚本编写进度条
查看>>
使用Live555类库实现的网络直播系统
查看>>
IO与NIO
查看>>
go_wed编程笔记
查看>>
iptables防火墙的使用
查看>>
浅谈js中的继承
查看>>
软件工程 之 画扇面
查看>>
zabbix mysql数据库迁移方案
查看>>
VirtualBox虚拟机网络设置(四种方式)
查看>>
[C# 基础知识系列]专题十六:Linq介绍
查看>>
Cisco 胖瘦AP转换
查看>>
jQuery学习
查看>>