在uniapp中使用百度地图的Autocomplete(关键字自动完成提示)不弹出提示框的问题

let ac = new BMap.Autocomplete({
              "input": document.querySelector('input'),
              "location": map
         })

只贴出创建 Autocomplete 实例的代码,原来用官网的创建代码死活取不到值

var ac = new BMap.Autocomplete(    //建立一个自动完成的对象
        {"input" : "suggestId"
        ,"location" : map
    });

后来百度了下别人的代码

let ac = new BMap.Autocomplete({
    "input": this.$refs.suggestInput.$el.querySelector('input'),
    "location": map
})
// 在input的属性改为取页面上的input标签

我以为 $el.querySelector(‘input’) 中的input是获取页面id为input的元素,然后改成了我页面上自己的名称,发现没作用

后来我想了下,如果用到querySelector的话,应该可以用document.querySelector()来获取页面上的元素,然后将代码改成

let.ac = new BMap.Autocomplete({
    "input": document.querySelector('input'),
    "location": map
})

发现凑效了,输入框可以弹出自动补全的信息。然后再改成原来别人代码里写的 $el.querySelector(‘input’)发现也可以了,原来一直是我理解错了querySelector的用法,闹了一场乌龙

Original: https://www.cnblogs.com/mmsBlog/p/16217900.html
Author: 努力努力再努力xi
Title: 在uniapp中使用百度地图的Autocomplete(关键字自动完成提示)不弹出提示框的问题

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/575376/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • 如何设置博客首页显示透明的人物图像

    在个人博客的设置里,页脚HTML代码内输入以下内容: __ 按照此设置后,页面效果如图所示: 欢迎关注我的博客,获取更多精品知识合集 如果觉得对您有帮助的话,请帮我点赞、分享!您的…

    Java 2023年6月5日
    071
  • java.lang.ClassNotFoundException: com.*.*.entity.time.Q*

    添加依赖 1、添加DSL依赖 2、添加插件 Original: https://www.cnblogs.com/tianciliangen/p/11693647.htmlAutho…

    Java 2023年5月29日
    079
  • java实现微信公众号的模板消息推送

    文章目录前言一、什么是模板消息二、获取模板ID三、获取access_token四、发送消息五、完整的代码总结前言最近做项目时需要用到公众号的模板消息,所以在这里记录分享一下实现过程…

    Java 2023年5月29日
    074
  • Git的使用以及常用命令(详解)

    一、 版本控制工具 什么是版本控制系统? 版本控制系统(Version Control System):是一种记录一个或若干文件内容变化,以便将来查阅特定版本修订情况的系统。版本控…

    Java 2023年6月15日
    084
  • 给IDEA道个歉,这不是它的BUG,而是反编译插件的BUG。

    你好呀,我是歪歪。 主要描述了在 IDEA 里面反编译后的 class 文件中有这样的代码片段: 很明显,这玩意就是一个语法错误。 但是当我用其他的编译器打开之后,显示又是正常的。…

    Java 2023年6月5日
    079
  • 黑群晖 Active Backup for Business 套件激活方法(群晖备份远程samba)

    通过 Synology Active Backup for Business 软件,IT 人员可以在单一界面上集中管理分散在 PC、服务器、虚拟机中的数据,并可在灾难发生时,在服务…

    Java 2023年6月6日
    0217
  • DDD从入门到精通:基础篇

    这篇文章主要还是表述清楚DDD相关的基础概念,因为DDD入门有一定的专业名词,还是得有个基本的了解。 先讲解下领域模型作用: 对软件需求进行设计,维持其内在逻辑的一致性 1)划分边…

    Java 2023年6月15日
    0102
  • 设计模式——结构性设计模式

    结构性设计模式 针对类与对象的组织结构。(白话:类与对象之间的交互的多种模式 类/对象适配器模式 当需要传入一个A类型参数,但只有B类型类时,就需要一个A类型的适配器装入B类的数据…

    Java 2023年6月14日
    073
  • SpringBoot配置文件优先级

    在开发过程中,不知道有没有这样的经历,项目实际读取的配置信息有时候总是与预期不符,今天就来研究下 SpringBoot 读取配置文件顺序。 一、SpringBoot 配置文件加载优…

    Java 2023年6月5日
    087
  • 一个理科直男如何看《鱿鱼游戏》

    前言 我一向不怎么喜欢看棒子片。 但是十一期间却疯狂的追着一部剧:《鱿鱼游戏》。 这片子在全网实在是太火了,火到全球播放量1.11亿次,成为奈飞收视率最高的全球非英语原创剧。 鱿鱼…

    Java 2023年6月8日
    089
  • 4.BIO模式下的多个客户端

    1.服务端代码: public class Se…

    Java 2023年6月5日
    086
  • 【LEETCODE】74、第542.题 01 矩阵

    package array.medium; import java.util.ArrayDeque; import java.util.Deque; import java.uti…

    Java 2023年6月5日
    060
  • binary与进制转换

    规律数: 0111为4位补码的最大值,规律是1个0和3个1,可以推导出 32位补码的最大值:1个0和31个1——(011111111111111111111…

    Java 2023年6月13日
    0104
  • RabbitMQ 发布订阅-实现延时重试队列

    RabbitMQ消息处理失败,我们会让失败消息进入重试队列等待执行,因为在重试队列距离真正执行还需要定义的时间间隔,因此,我们可以将重试队列设置成延时处理。今天参考网上其他人的实现…

    Java 2023年5月30日
    0106
  • 关键字,接口,代码块,枚举

    今日内容 1 关键字 2 代码块 3 接口 4 枚举 1 Java中的关键字 static关键字 : 静态的意思 , 可以修饰变量 , 也可以修饰方法 , 被static修饰的成员…

    Java 2023年6月13日
    078
  • 第二周

    学了个新知识:幂等性👍 在使用pageInfo时警告: Unchecked call to ‘PageInfo(List)’ as a member of …

    Java 2023年6月7日
    0105
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球