m0_67755668的博客

本文介绍了一个基于Vue的锚点导航组件实现方案。该组件通过扫描容器内带有data-section属性的元素，自动生成层级化目录结构（支持主/子章节标记），实现以下核心功能：1. 动态锚点生成：自动解析DOM结构，主章节标记为data-ismain时会重置子节点序号（如1.1）；2. 双向定位交互：滚动页面自动高亮当前章节，点击锚点平滑滚动至对应位置；3. 响应式设计：支持展开/折叠功能，状态持久化存储；4. 动态渲染支持：通过监听form参数变化，适配v-if等动态渲染场景。组件采用fixed定位+平滑过渡

在html中使用vue创建自定义组件

BD09：为百度坐标系，在GCJ02坐标系基础上再次加密。GCJ02：又称火星坐标系，是由中国国家测绘局制订的地理信息系统的坐标系统。由WGS84坐标系经加密后的坐标系。WGS84：为一种大地坐标系，也是目前广泛使用的GPS全球卫星定位系统使用的坐标系。百度地图需要用BD09坐标，如果是天地图坐标（WGS84）,则需要作转化。2、进入控制台 - 应用管理 - 我的应用 - 创建应用，填写相关信息。实现效果，点击地图弹出弹框，输入信息，添加一个标注点。非中国地区地图，服务坐标统一使用WGS84坐标。

动态配置背景，连接线颜色，节点是否默认展开，示例代码，解析详见代码，有问题可留言。

vue 二次跳转同一页面，页面不刷，加上:key="route.fullPath"

本地直接运行无法打开除首页外的其他页面，这个是正常的，因为还需要在服务器端做配置，来看看。