js 实现表格筛选不请求后台数据

SearchUserTable是一个方法，你可以定义事件触发它；

我们用到的数据有两个，一是tableUserData，二是tableUserAllData

 

 

SearchUserTable() {
            //筛选条件
            var SearchUserText = RoleManage.SearchUserText.trim();
            //如果条件是空就把全部数据给table绑定的数据源
            if (SearchUserText.trim() == "") {
                RoleManage.tableUserData = RoleManage.tableUserAllData
            } 
//条件不为空就把筛选后的数据给绑定的数据源，filter函数
else {
                //使用filter过滤数据tableUserData 用于前台展示，tableUserAllData拥有所有数据每次过滤都使用它
                RoleManage.tableUserData = RoleManage.tableUserAllData.filter(e => {
                    //UserAccount和UserName是数据中的名称
                    if (e.UserEmail.toUpperCase().indexOf(SearchUserText.toUpperCase()) >= 0 || e.UserName.toUpperCase().indexOf(SearchUserText.toUpperCase()) >= 0 ) {
                        return true;
                    }
                });
            }

        },