高德地图 轨迹巡航
本次场景需求是查询历史数据返回一组经纬度和相关数据在地图中使用轨迹巡航API巡航，期间的文本框每经过一个坐标其数值就会改变，文章末尾有demo文件，需要自取。 效果图 Data展开详情1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556...
高德地图 绘制折线功能
本 DEMO 使用高德最新JS API 2.0版本，使用 NPM 方式使用 Loader 安装1yarn add @amap/amap-jsapi-loader --save 加载高德地图123456789101112131415import AMapLoader from '@amap/amap-jsapi-loader';AMapLoader.load(...
在 vue 项目中使用 iconSvg
以前我的项目 Icon 都是使用 iconfont 来下载 SVG，然后在项目中使用这些 SVG 12345<img :scr=svgLogo />...<script>import svgLogo from '@/assets/svg/handsome.svg'</script> 代码现场手打，复制绝对报错。你想想每使用一个 svg...
鼠标拾取x y坐标绘制线功能记录
项目需求最近项目上有个需求是点击弹窗显示一张地图（图片），用户可以在地图上点击拾取当前坐标的 x y 并绘制成线，以达到在地图上做标注的功能，直接使用地图框架显得太重，于是要求手写一个 svg 画线功能，并将点击的 x y 坐标提交到后台用以回显 开始好在百度了一篇有个画线功能的 demo ,不过这个 demo 是 js 写的，还要改成 Vue 写法 第一版完全按照 demo 逻辑书写的，...
vue 路由配置（导航守卫 + 白名单）
Vue Router Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5 历史模式或 hash 模式，...
vue 非父子间传值：事件总线（$eventBus）
事件总线 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以上下平行地通知其他组件，但也就是太方便所以若使用不慎，就会造成难以维护的“灾难”，因此才需要更完善的 Vuex 作为状态管理中心，将通知的概念上升到共享状态层次。 12345678910111213141...
vue 配合后台实现 wd 文件导出功能
开始在 vue 框架中，与传统的根据路径下载文件 document.getElementById("").src='' 方式不同，有时候，我们会需要将上传的文件在后台直接进行处理再回传到前端，这种情况下文件没有实际的可获取的路径，无法通过链接方式下载。但是可以通过将其转成blob对象，添加到 iframe 标签中来模拟下载（或者pdf预览）。具体的接收方式...