vue实现：带关键字跳转企查查并搜索关键字对应的企业

最新推荐文章于 2023-06-15 12:16:34 发布
最新推荐文章于 2023-06-15 12:16:34 发布
阅读量1k 收藏 1
点赞数 1
分类专栏： 记录 文章标签： 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenlaodacsdn/article/details/121498659
版权

image.png
2.
image.png
3.
image.png
4.搜索栏里面的地址，关键字为"嘿嘿嘿"，可点击查看

https://www.qcc.com/web/search?key=%E5%98%BF%E5%98%BF%E5%98%BF

把搜索栏里面的地址复制下来放在代码里面，key=后面的字符就是我们要传的关键字，替换即可。

我这里是点击el-tabs跳转，根据实际情况用不同的方法。

image.png

image.png

image.png

湳橙
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目实现搜索功能
yycnf的博客
08-07 1万+
使用vue框架实现以下要求： 1、点击“首页“顶部搜索框，通过路由跳转到搜索页，并实现关键字模糊搜索功能 2、搜索页和首页下面“推荐商家”用到的JSON数据自行模拟，并正确搜索渲染出来 3、在搜索页保留每次的搜索历史关键字，在搜索页的“历史搜索”中显示出来，最多展现出3个 4、点击搜索框左上角的箭头，可以历史回退到首页 5、点击删除，清空历史记录 流程：1、先全局安装vue（3.0版本） 安装vue命令：npm i @vue/cli -g 安装完后使用...
Vue 实现分页与输入框关键字筛选功能
12-30
分页的实现(Vue+Element)+输入框关键字筛选 1.这里用的是Element 自带的分页组件 <template> <div class=sales-table> <div class=order-list-header>订单列表</div> <div class=back-box> <div class=search-box><input type=text name= id= class=order-search-input placeholder=关键词 v-model='search'></div> </div> <div class=t
vue中如何在搜索框中实现关键字搜索
weixin_46144394的博客
03-02 4823
vue中用element组件库搭建搜索框进行搜索时，怎么进行关键字查询搜索呢 <!-- 搜索框 --> <el-input placeholder="请输入内容" v-model="queryInfo.query" clearable @clear='getGoodsList'> <el-button slot="appen...
明道云对接企查查，一键矫正客户信息
mingdaoyun的博客
11-21 614
信息资源化是企业信息化建设中必不可少的一个模块，属于一项重要的企业资源。要利用好信息资源，两个话题躲不了：一是信息利用策略，二是信息准确性；而后者往往比策略更重要。 现在，互联网上已经有天眼查、凭安、企查查等公开的企业数据平台，供企业查询及核对公司客户信息。然而单靠人手来逐条搜索，效率太低、人力成本高。那么不妨尝试使用明道云对接数据平台，借助工作流来实现一键查询矫正！ 下面，我们以企查查为例，进行接口对接的具体讲解。 前期准备 在企查查平台注册公司账号，拿到对应的Appkey与Appsecret 根据自.
IDea中maven项目实现对接企查查、启信宝案例
weixin_43471939的博客
02-09 663
IDea中maven项目实现对接企查查、启信宝案例
企查查、天眼查、启信宝API怎么批量操作调用，API接口应用场景。
最新发布
Enterprisbigdata的博客
06-15 3735
大数据时代，企业信息处于透明状态。虽然一些必要的注册信息是公开的，但并不容易找到。一般来说，工商登记信息可以在工商部门查询，但流程繁琐，需要工作人员亲自到工商局办理。在互联网时代，使用集成的业务数据信息API应用进行在线查询，帮助人们节省了大量时间。 随着市场需求的不断增加，企业工商信息查询界面受到了企业的一致青睐。数据覆盖全国。无论您在哪个行业、哪个企业，只要是工商局注册的正规企业，都可以通过企业工商信息查询界面进行验证。
vue+Element实现搜索关键字高亮功能
12-29
最近做了一个日志搜索的需求，要在页面上实现海量日志的关键字搜索。为了搜索更清晰，我最终实现了多条件搜索，且搜索结果的记录中的关键字全部高亮。 一、实现思路 1 实时监控表格，实现关键字的定位； 2 点击搜索...
基于vue实现多引擎搜索及关键字提示
08-31
在Vue.js框架中实现多引擎搜索和关键词提示功能，可以为用户提供更加便捷高效的搜索体验。以下将详细解析这个功能的实现过程。 首先，Vue组件的HTML结构是关键。在给出的代码片段中，可以看到一个搜索表单（`<form>...
vue搜索框的功能实现
m0_51459514的博客
03-30 2万+
1.搜索框和按钮 <el-input placeholder="请输入内容" v-model="queryInfo.query" clearable @clear="getUserList"> <el-button slot="append" icon="el-icon-search" @click="getUserList" ></el-button> </el-input> 2.数据的双向绑定，通过查询参数进行搜索 v-model="query
vue中搜索功能如何请求数据接口来实现关键字查询
weixin_58495461的博客
08-29 4297
1.在data中定义一个空的数组，这个数组是用来保存从接口中接收到的数据 AroundList: [], //放搜索列表的数组 2.在页面中渲染， item.tit_con就是查询的关键字 <div class="keyWord" v-show="cover"> <div class="title" @click="Fnsearch(item)" v-for="item in
一个基于vue和d3的图表库
08-10
一个基于vue和d3的图表库
Vue关键字搜索功能（小案例）
y17757773039的博客
11-01 3649
两种方法实现关键字搜索功能，分别是watch方法和computed方法
vue 多个api请求_vue-cli api请求
weixin_35041185的博客
12-24 640
vue-cli3 之【框架搭建】教程或许有的同学还不知道vue3.0与之前的版本有哪些好处，可以查查相关资料。主要改动是优化了节点，减少了无谓的遍历，优化速度提升了约6倍！那么vue-cli3.0框架与之前cli2.0又有了一些变化，我们简单说几个：1、名字改了，以前叫vue-cli,现在叫@vue/cli。2、build和co...文章Villin2020-11-1672浏览量vue-cli3....
vue项目页面跳转的常用方法
热门推荐
weixin_47356044的博客
04-28 6万+
1.页面跳转的几种方法 1：router-link跳转 2：this.$router.push() 3：this.$router.replace() 4：this.$router.go(n) 1. router-link跳转 通常用于点击 查看 按钮，跳转到其他页面 1.不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name //
爬取企查查公司URL
余生的博客
09-06 501
import time import pandas as pd from selenium import webdriver from selenium.webdriver import ActionChains a = [] def login(driver): driver.delete_all_cookies() url = "https://www.qcc.com/weblogin?back=%2F" #https://www.qcc.com/weblogin?back=%2F
企查查爬虫python实现（一）整体方法
qq_41900846的博客
12-04 7597
企查查的爬虫的python实现，采用selenium模块+chromedriver驱动
Js检索文本并跳转指定位置|Vue检索文本并跳转指定位置
远来客的博客
09-09 2440
<template> <div class="home" style="margin: 0"> <div id="search" style="position:fixed; top :0;background: #fff;width:100%;padding: 20px 0;" > <el-input type="search" v-model="key
vue element el-table 表格搜索 搜索表格内容关键字标红 关键字高亮显示
qq_41287158的博客
10-30 4327
vue element el-table 表格搜索 搜索表格内容关键字标红 关键字高亮显示 最近公司项目需求，搜索表格的内容，并且需要搜索的关键字高亮显示（关键字标红），如图所示最终效果： 1、在需要搜索的列用 v-html=“showDate(scope.row.house_village_info.hvi_province)” showDate是自定义的方法，如图所示： 2、在methods中写，showDate方法（方法名可以自定，调用一直就可以了）方法如下： // this.page.searc
Python爬虫：输入公司名称，爬取企查查网站中的公司信息
深蓝旭的博客
06-23 2万+
前言 本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,如有问题请及时联系我们以作处理。 以下文章来源于Python爬虫数据分析挖掘 ，作者：李运辰 根据输入的公司名称来爬取企查查网站中公司的详细信息 1、获取headers 2、登录成功后，可根据输入的公司名称进行查询操作，得到所需要的内容。 3、将获取到的文本进行文本特殊化处理，并将其汇总成一个dataframe,方便后面保存为csv 4、输入公司名称 5、最后执行此代码，查询companys列表中所有公司名称的详细信息并保存为..
vue 实现百度地图关键字检索并自定义结果列表
05-24
要实现百度地图关键字检索并自定义结果列表，可以按照以下步骤进行： 1. 引入百度地图 JavaScript API，并加载地图。 2. 在页面中添加一个输入框和一个按钮，用于输入关键字和触发检索。 3. 在按钮的点击事件中，调用百度地图的关键字检索服务，传入关键字和检索回调函数。 4. 在检索回调函数中，获取检索结果，并根据需要自定义结果列表。 下面是具体实现步骤： 1. 引入百度地图 JavaScript API，并加载地图。 ```html <!-- 加载百度地图 JavaScript API --> <script src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> <!-- 创建一个地图容器 --> <div id="mapContainer"></div> <script> // 初始化地图 var map = new BMap.Map("mapContainer"); // 设置地图中心点和缩放级别 var point = new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15); </script> ``` 2. 添加输入框和按钮。 ```html <!-- 添加输入框和按钮 --> <input type="text" id="keywordInput"> <button onclick="search()">搜索</button> ``` 3. 调用百度地图的关键字检索服务。 ```javascript function search() { // 获取输入框的值作为关键字 var keyword = document.getElementById("keywordInput").value; // 创建一个关键字检索服务实例 var local = new BMap.LocalSearch(map, { renderOptions: { map: map } }); // 搜索指定关键字 local.search(keyword, function(results) { // 获取检索结果 var pois = results ? results.getPoi(0) : null; // 根据需要自定义结果列表 if (pois) { var name = pois.title; var address = pois.address; var phone = pois.phone; // TODO: 在页面上显示自定义的结果列表 } }); } ``` 在检索回调函数中，我们首先获取检索结果，然后根据需要自定义结果列表。可以将检索结果中的名称、地址、电话等信息显示在页面上，也可以使用自己的样式和布局来展示检索结果。 这样，就可以实现百度地图关键字检索并自定义结果列表的功能了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值