vue之全局查询关键字方法

在写业务的时候遇到了需要全局查询的方法,让我卡了几天(实在是太傻了...)

话不多说,直接来吧。


项目截图

在上面input中输入房屋编码(为了能看到更多,房屋编码都被省略掉了,下面每一个白格子就有一个热乎编码。)

看下template


项目代码截图,主要看p标签

我的想法就是将要查询的用户姓名与房屋编码都写到p标签的class里面,然后定位到这个class。

下面看下js代码


查询按钮


关键代码截图

关键思想就是,我们需要将要全局查询的关键字放到class或者id中,然后通过查询id或者class去定位。

还有疑问的朋友请在下方留言,有空就会上来看下。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,258评论 19 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,839评论 18 399
  • 转至元数据结尾创建: 董潇伟,最新修改于: 十二月 23, 2016 转至元数据起始第一章:isa和Class一....
    40c0490e5268阅读 1,856评论 0 9
  • 又是一本超慢速阅读的书,书其实只有30多万字,不过阅读的方式比较奇特:对于印在书扉页上的6遍阅读建议,摘录并添油加...
    读饭阅读 3,719评论 1 5
  • 耳鸣:白芍 10克,炙甘5克,加水煮,每天喝。 心脏:心安宁 焦虑症
    吉仁寿阅读 282评论 0 0