vue之全局查询关键字方法

作者: 广州小单纯 | 来源:发表于2018-09-26 15:28 被阅读18次

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

话不多说,直接来吧。

项目截图

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

看下template

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

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

下面看下js代码

查询按钮 关键代码截图

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

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

相关文章

  • vue之全局查询关键字方法

    在写业务的时候遇到了需要全局查询的方法,让我卡了几天(实在是太傻了...) 话不多说,直接来吧。 在上面input...

  • vue-router-demo.html

    Vue入门之extend全局方法 ul, li { list-style: ...

  • Vue 插件开发指南

    Vue插件的编写方法一般有下面几种: 添加全局方法或者属性,如: vue-custom-element 添加全局资...

  • VUE之组件全局方法

    全局方法其实是js自身就可以实现的方法,具体实现其实很简单,比如加个日志显示组件: 调用就很简单啦: 是不是感觉特...

  • Vue 插件

    插件,通常用来为Vue 添加全局功能。引用官方文档Vue插件 使用插件 通过全局方法Vue.user()使用插件。...

  • 2017.11.15

    Vue.prototypevue——自定义全局方法,在组件里面使用 Vue.prototype 不是全局变量,而...

  • Vue.use() 注册插件(个人笔记)

    Vue.use是什么? 官方对 Vue.use() 方法的说明:通过全局方法 Vue.use() 使用插件,Vue...

  • 2018-07-02 Vue源码解析阅读笔记

    合并配置 在new Vue()初始化时,会通过mergeOptions()的方法,把全局变量、全局方法、全局组件等...

  • Vue.use源码

    官方对 Vue.use() 方法的说明: 通过全局方法 Vue.use() 使用插件;Vue.use 会自动阻止多...

  • vue UI组件开发

    1. 新建组件: Vue.component 方法用于注册全局组件,new Vue({ components: {...

网友评论

    本文标题:vue之全局查询关键字方法

    本文链接:https://www.haomeiwen.com/subject/kyodoftx.html