随笔分类 -  前端 || Vue----【Vue2.0 + leaflet】

vue2.0leaflet
摘要:A页面 嵌套 B页面的代码 主要处理 leaflet 的 marker 的 popopen, marker的点击的显示/隐藏 pop 会导致pop中的页面的内容,消失,不在页面中,导致bootstrap的冻结表格实现不了(元素节点还没加载出来,自然冻结不了) 把B页面 嵌 在 A 页面的marker 阅读全文
posted @ 2019-06-14 17:18 阴翳公子 阅读(1107) 评论(0) 推荐(0)
摘要:参考:https://www.cnblogs.com/vichang/p/9438870.html leaflet-antvPath官网:https://github.com/rubenspgcavalcante/leaflet-ant-path leaflet-antvPath官网2:https: 阅读全文
posted @ 2019-06-10 15:35 阴翳公子 阅读(1912) 评论(1) 推荐(0)
摘要:参考1:https://blog.csdn.net/lonly_maple/article/details/83658608 参考2:https://blog.csdn.net/xtfge0915/article/details/80275094#_60 前提:vue项目在安装leaflet的基础上 阅读全文
posted @ 2019-05-22 17:39 阴翳公子 阅读(3381) 评论(1) 推荐(0)
摘要:参考:https://www.cnblogs.com/defineconst/p/9946218.html 阅读全文
posted @ 2019-05-20 15:09 阴翳公子 阅读(708) 评论(0) 推荐(0)
摘要:参考:https://www.cnblogs.com/dongzhuangdian/p/9992542.html 文件或文件夹的命名遵循以下原则: index.js 或者 index.vue,统一使用小写字母开头的(kebab-case)命名规范 属于组件或类的,统一使用大写字母开头的(Pascal 阅读全文
posted @ 2019-05-16 15:36 阴翳公子 阅读(1524) 评论(0) 推荐(0)
摘要:v-show将元素隐藏是在dom节点上加style=’display:none’ v-if是直接将元素完全去掉 拿v-show示例,(v-if 也是一样,把下面的代码中v-show替换成v-if即可运行) 阅读全文
posted @ 2019-05-16 13:29 阴翳公子 阅读(3026) 评论(0) 推荐(0)
摘要:参考:https://www.codercto.com/a/53432.html 在vue开发中,会涉及到很多接口的处理,当项目足够大时,就需要定义规范统一的接口,如何定义呢? 方法可能不只一种,本文使用axios+async/await进行接口的统一管理 本文使用vue-cli生成的项目举例 使用 阅读全文
posted @ 2019-05-14 17:32 阴翳公子 阅读(8070) 评论(0) 推荐(0)
摘要:1. 从官网中查看对应文档:https://leafletjs.com/ 2. 3. 注: iconAnchor 主要是这个参数,它表示 图片的那个位置 对着 经纬度点,如果没有这个的话,你会发现 当你点击地图 添加一个marker的时候 ,图片的左上角是点击地图的位置。设置这个属性之后marker 阅读全文
posted @ 2019-05-14 17:06 阴翳公子 阅读(13846) 评论(0) 推荐(2)
摘要:参考:https://blog.csdn.net/Young__Fan/article/details/80152501 "./":代表目前所在的目录。 " . ./"代表上一层目录。 "/":代表根目录。 举个栗子:在读取文件时,路径的写法有如下方式1、文件在当前目录(以图像文件为例,当前项目文件 阅读全文
posted @ 2019-05-14 14:08 阴翳公子 阅读(15847) 评论(0) 推荐(0)
摘要:参考:https://www.cnblogs.com/wdxue/p/8868982.html 阅读全文
posted @ 2019-05-13 17:07 阴翳公子 阅读(9735) 评论(0) 推荐(0)
摘要:动态显示一个标签: 阅读全文
posted @ 2019-05-13 15:33 阴翳公子 阅读(2007) 评论(0) 推荐(0)
摘要:参考:https://blog.csdn.net/qq_34922009/article/details/81184004 下面是我在 Leaflet官方文档 所找到的答案 ,希望可以帮助到大家 比如以下例子: 这里我们新增了一个变量Marker用来存放用户鼠标点击时候生成的Marker 如果我们不 阅读全文
posted @ 2019-05-13 15:28 阴翳公子 阅读(3660) 评论(1) 推荐(0)
摘要:参考:https://blog.csdn.net/bryant953/article/details/79411688 在项目中需要用到后台的数据对前端渲染,使用到了vue整合的axios,使用vue中的钩子函数在页面组件挂载完成之后向后台发送一个get请求然后将返回后的数据赋值data()中定义的 阅读全文
posted @ 2019-05-13 11:09 阴翳公子 阅读(934) 评论(0) 推荐(0)
摘要:参考:https://www.cnblogs.com/itrena/p/9015211.html 放图: 每个钩子函数都在啥时间触发 beforeCreate created beforeMount mounted beforeUpdate updated 当这个钩子被调用时,组件 DOM 已经更新 阅读全文
posted @ 2019-05-10 14:17 阴翳公子 阅读(697) 评论(0) 推荐(0)
摘要:参考1:https://www.cnblogs.com/wangruifang/p/7772631.html 参考2:https://www.jianshu.com/p/b3d09c6c87bf 在main.js中引入 在App.vue中引入2个组件 兄弟组件1:Veaflet.vue 兄弟组件2: 阅读全文
posted @ 2019-05-09 13:58 阴翳公子 阅读(695) 评论(0) 推荐(0)
摘要:参考:https://blog.csdn.net/u011615787/article/details/80075240 参考:https://router.vuejs.org/zh/guide/essentials/named-views.html#%E5%B5%8C%E5%A5%97%E5%91 阅读全文
posted @ 2019-05-07 18:16 阴翳公子 阅读(27144) 评论(0) 推荐(1)
摘要:参考:https://www.cnblogs.com/xiaofenguo/p/8065583.html 使用vue-cli+webpack创建的项目,修改文件名称或者更改文件的位置,运营时会报错,是因为npm项目,在安装依赖(node_nodules)时,会记录当前的文件路径,当修改之后就无法正常 阅读全文
posted @ 2019-05-07 15:09 阴翳公子 阅读(793) 评论(0) 推荐(0)
摘要:参考:https://www.jb51.net/article/141994.htm 原始数据, 处理过程,给不存在的属性赋值,赋值之后,该对象不存在的属性就存在了 处理之后数据 解释: 阅读全文
posted @ 2019-05-06 17:05 阴翳公子 阅读(2500) 评论(0) 推荐(0)
摘要:查看 npm 全局插件 默认全局安装路径 参考:https://www.jianshu.com/p/f2873fcef5aa 首先 nodejs安装好之后,默认情况下会有如下配置 npm config get prefix ::C:\Users\Administrator\AppData\Roami 阅读全文
posted @ 2019-05-05 14:44 阴翳公子 阅读(4088) 评论(1) 推荐(0)
摘要:参考:https://blog.csdn.net/u010004093/article/details/80342165 地图服务收集了一些切片地图的URL,以后慢慢完善。 天地图提供四种类型的地图1.天地图地形 http://t{0-7}.tianditu.com/DataServer?T=ter 阅读全文
posted @ 2019-05-05 10:32 阴翳公子 阅读(522) 评论(0) 推荐(0)