<bz-inputsize="small"class="search"v-model="value"placeholder="请输入关键字搜索"><template v-slot:left-icon><img class="icon" src="../../assets/img/综合查询/搜索.png" alt="" /></template></bz-input>//存储初始值localStorage.setItem("fydataInfo", JSON.stringify(this.dataInfo));watch: {// 模糊查询搜索value(newVal, oldVal) {if (this.timer) {clearTimeout(this.timer);}console.log(newVal, oldVal);if (newVal == "") {// 取值let add = localStorage.getItem("fydataInfo");console.log(JSON.parse(add));if (newVal == "") {this.dataInfo = JSON.parse(add);}} else {// 用于模糊查询this.timer = setTimeout(() => {const result = [];this.dataInfo.filter(item =>{if(item.name.indexOf(newVal) !== -1){result.push(item)}})console.log(result);this.dataInfo = result;}, 100);}},},

vue实现模糊查询搜索相关推荐

  1. Android通讯录模糊查询搜索(号码,姓名,首字母简拼,全拼),批量选取联系人

    Android通讯录模糊查询搜索(号码,姓名,首字母简拼,全拼),批量选取联系人 公司最近的项目中遇到一个需求需要读取通讯录联系人,并需要支持对联系人的模糊查询及批量选取,网上找了好几个例子,模糊查询 ...

  2. 记mysql使用case when实现模糊查询搜索相似度达三个字以上

    突然接到一个需求 说搜索要加一个条件 模糊查询的时候要搜索到的数据得是相似度达到三个字以上的结果 虽然sql不是很难 但是感觉确实需要记录一下 首先在impl实现层把传过来的字符串格式的搜索条件进行一 ...

  3. vue的模糊查询和下拉菜单修改信息------------学习记录

    HTML代码<div id="box"> <div id="myModal" class="modal hide fade" ...

  4. thinkphp3.2.3模糊查询搜索分页,完整实例。

    thinkphp 搜索分页功能处理我用的存session的方法,亲测能用,供大家参考. 1.Controller控制器 public function information_cate_lists() ...

  5. android 模糊查询下拉菜单,android 模糊查询搜索框_基于心智模型,解析蜻蜓Fm「搜索」功能...

    本文以心智模型为理论依据,分析了蜻蜓Fm[搜索]功能的用户操作路径以及app设计. 最近在做搜索相关的改版设计工作,以下是我在体验现有搜索逻辑的情况下,产生的一些想法: 对于搜索这个功能,用户到底是怎 ...

  6. android 模糊查询搜索框_彻底搞懂 iOS 和 Android 的设计差异

    设计经验分享 · 不定时更新 ------------------------------------------- 胡桃子 深圳 | UI/UX设计师 唧唧歪歪:设计师在做 app 的时候很少考虑两 ...

  7. mysql009模糊查询like.是否为null

    -- 创建EMP表 CREATE TABLE EMP ( EMPNO int(4) PRIMARY KEY, ENAME VARCHAR(10), JOB VARCHAR(9), MGR INT(4) ...

  8. 简单查询(1.普通查询2.条件查询3.模糊查询4.排序查询5.统计查询(聚合函数)6.分组查询7.分页查询)...

    1.普通查询 select * from Info #查询Info表中所有内容 select Code,Name from Info #查询Info表中的某几列 2.条件查询 select * fro ...

  9. python字典模糊查找_python字典模糊查询-女性时尚流行美容健康娱乐mv-ida网

    女性时尚流行美容健康娱乐mv-ida网 mvida时尚娱乐网 首页 美容 护肤 化妆技巧 发型 服饰 健康 情感 美体 美食 娱乐 明星八卦 首页  > 高级搜索 access中的 模糊 查询 ...

最新文章

  1. 2020年第五届中国通用人工智能年会
  2. python爬虫实现网页采集器
  3. 数据切分——Atlas介绍
  4. 字符串处理 —— 回文串相关
  5. 巅峰对决 Spring Boot VS .NET 6
  6. mysql注入***扫描备忘;
  7. 5天玩转C#并行和多线程编程 —— 第一天 认识Parallel
  8. linux gz解压 指定目,linux解压tar.gz到指定文件夹或目录
  9. SCAU高级语言程序设计--实验6 循环结构(二)(1)
  10. Docker学习笔记:Centos7镜像时区修改
  11. 万字长文讲述我是怎样保送清华的 | 寒门学子奋斗史(四)
  12. 游戏服务端框架之配置与玩家数据库设计
  13. 领英改版后无法搜索开发客户?解决方法来了,恢复后可以继续在领英搜索开发客户。
  14. 如何解决Win10电脑网速慢的问题?
  15. 分享一个淘宝/天猫/京东/阿里 图片抓取工具
  16. 没读过一本励志鸡汤文,说什么在北上广打拼的人
  17. 关于图片本身大小、格式、内存、压缩相关知识
  18. 未来链上跨境支付、融资领域龙头 Tribal 的发展与机遇
  19. 抽丝剥茧——调停者和门面设计模式
  20. python 工业软件开发_记一次工业软件开发经历

热门文章

  1. PYTHON:新闻聚合
  2. 【SDX65】WCN6856启动出现系统崩溃问题
  3. python数据解析——xpath爬取文字和图片
  4. Sybases数据库----安装
  5. 华为路由器hilink怎么用_华为hilink智能联网怎么用
  6. nginx配置GeoIP
  7. php 可以编辑treegrid,浅谈EasyUI中编辑treegrid的方法
  8. 虹科分享 | 加密U盘 | 何时使用USB驱动器进行备份(何时不用)
  9. 第七章 7.8抽象类与接口
  10. 密码学--CTF Crypto 总结