当前位置: 首页 > news >正文

Vue el-table全表搜索,模糊匹配-前端静态查询

后端返回的数据是全部的数据,没有分页,前端需要做的是分页+全表模糊查询

代码:

//根据关键字对表全局搜索
globalSearch() {//为了拿到对象的列名let filterList = Object.keys(this.tableData[0]);if (this.searchWord) {this.tableFilterDate = this.tableData.filter((obj) => {return filterList.some((key) => {return obj[key].toString().indexOf(this.searchWord) > -1;});});} else {this.tableFilterDate = this.tableData;}this.total = this.tableFilterDate.length;this.pageChange(1);
},

tableData: 后端拿到的原始表数据
tableFilterDate :过滤后的数据

http://www.lryc.cn/news/194043.html

相关文章:

  • 基于html5开发的Win12网页版,抢先体验
  • Studio One6.5中文版本下载安装步骤
  • Java架构师缓存架构设计解决方案
  • 【玩转Redhat Linux 8.0系列 | 实验—使用Bash shell执行命令】
  • Linux系统编程详解
  • ios设备管理软件iMazing 2.17.11官方中文版新增功能介绍
  • 算法通关村第18关【青铜】| 回溯
  • 【环境搭建】linux docker-compose安装seata1.6.1,使用nacos注册、db模式
  • 20231008-20231013 读书笔记
  • YOLOv8 windows下的离线安装 offline install 指南 -- 以 带有CUDA版本的pytorch 为例
  • 百度车牌识别AI Linux使用方法-armV7交叉编译
  • 数学建模——确定性时间序列分析方法
  • Opencv——颜色模型+通道分离与合并
  • 解码自然语言处理之 Transformers
  • 【前端设计模式】之迭代器模式
  • 【Android知识笔记】图片专题(BitmapDrawable)
  • 前端工程化知识系列(10)
  • 大数据flink篇之三-flink运行环境安装(一)单机Standalone安装
  • Redisson使用延时队列
  • 基于php 进行每半小时钉钉预警
  • 5.Python-使用XMLHttpRequest对象来发送Ajax请求
  • 八皇后问题的解析与实现
  • 论文浅尝 | 深度神经网络的模型压缩
  • 进阶JAVA篇- DateTimeFormatter 类与 Period 类、Duration类的常用API(八)
  • 1.1 Windows驱动开发:配置驱动开发环境
  • Jetpack:009-kotlin中的lambda、匿名函数和闭包
  • openGauss指定schema下全部表结构备份与恢复
  • 干货:如何在前端统计用户访问来源?
  • 李宏毅生成式AI课程笔记(持续更新
  • nodejs+vue+elementui酒店客房服务系统mysql带商家