vue-cli项目使用百度地图信息窗口，实现点击链接复制链接内容功能

最新推荐文章于 2025-01-07 15:05:41 发布

林卤蛋

最新推荐文章于 2025-01-07 15:05:41 发布

阅读量384

点赞数

分类专栏：技术文档文章标签： vue.js 百度 javascript

本文链接：https://blog.youkuaiyun.com/ARLENE2/article/details/123904603

版权

本文介绍了如何在Vue CLI构建的项目中，结合百度地图API，实现在信息窗口中点击链接即可复制链接内容的功能。重点讲述了避免使用已废弃的clipboard.js插件，转而采用原生JavaScript方法来实现这一功能，以及在此过程中遇到的问题和解决经验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

信息窗口内容

// 信息窗口内容
    infoWindow() {
   
      let opts = {
   
        width: 300, // 信息窗口宽度
        height: 220, // 信息窗口高度
      };

      let content = `
        <div style="margin-top: 5px;">
        最后位置：${
     this.addComp}
        <button style="colo