![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
功能类
Ypromise-
一位GIS前端开发者
展开
-
leaflet 地图点击线图形时加marker标记 解决缩放后marker不在线上
解决leaflet 点击事件添加marker标记, 地图放大后标记不在理想点击位置问题原创 2022-08-16 17:16:51 · 2063 阅读 · 0 评论 -
js 预览图片(带遮罩层 带下载按钮)
js 预览图片(带遮罩层 带下载按钮)原创 2022-07-26 11:46:55 · 741 阅读 · 0 评论 -
前端解决跨域CORS 设置代理
当请求地址出现CORS跨域问题时,解决办法:1.增加个 /api( 可以叫别的) 字符来作为判断然后在vue.config.js里设置代理(vue.config.js 是 vue3 根目录下自己建的配置文件, vue2有对应的配置文件)devServer.proxy 配置 '/api' : { target: "http://121.41.14.175:10521", //请求目的ip: 端口 //...原创 2022-03-22 17:59:20 · 4929 阅读 · 0 评论 -
Js进行base64编码解码(解决中文乱码)
常规方法:编码// base64转字符串 getEncode64(str){ // 对字符串进行编码 var encode = encodeURI(str); // 对编码的字符串转化base64 var base64 = btoa(encode); return base64; },解码:// base64转字符串 getDecode(str){ // 对base64转编码 var decode = a原创 2021-07-23 15:20:51 · 29209 阅读 · 16 评论 -
vue常用修饰符 v-moble后面或者 @后面
v-modle例:{.number //自动清除无法转换为数字得类容.trim //首尾无法输入空格}v-on(@)例:<input @click.stop=“turnTo” type=“number”>{.stop //阻止事件冒泡,注:使用router.push时,事件可能会继续执行若干步。.prevent //阻止默认事件.self //子组件相同事件原创 2021-02-01 11:30:36 · 265 阅读 · 0 评论 -
Element UI Dialog 可拖拽移动
效果:是可移动的。步骤1.新建文件 directives.jsimport Vue from 'vue'; // v-dialogDrag: 弹窗拖拽属性Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header'); const dragDom = el.q原创 2021-02-01 10:35:17 · 2382 阅读 · 0 评论 -
vue实践 Leaflet地图标注(图注,位置)带数字对应显示
效果:leaflet地图容器的初始化和图层的加载就不说了,都是基础。 上图用的是天地图,以下是在vue中步骤上图效果图主要为地图页面,和右侧列表页面主页面地图页面 index.vue 里(地图页面)列表页面queryResult<query-result @proQuery="proQuery" @setPoint_zk="setPoint_zk" @clear_marker_layer="clear_marke原创 2021-01-29 14:00:50 · 2906 阅读 · 1 评论 -
vue element 实现表格table联动数据的分页功能
原文链接:https://blog.csdn.net/weixin_44863676/article/details/102545387原创 2020-08-07 10:56:11 · 2071 阅读 · 0 评论 -
vue,html中字符串溢出为省略号总结
三种方法css样式自带的文本溢出以下为必要样式.类名{ width: 50px; /*设置文本长度,像素或者百分比*/ overflow:hidden; /*溢出的部分隐藏*/ white-space: nowrap; /*文本不换行*/ text-overflow:ellipsis;/*ellipsis:文本溢出显示省略号(...)*/}2.过滤器过滤&l......原创 2020-01-07 11:38:33 · 1569 阅读 · 2 评论 -
vue事件跟随鼠标显示事件详情
本文是写与vue中,但用法html也一样,很简单贴上代码:<template> <div> <div class="a1" @mouseenter="enter($event)" @mouseleave="leave($event)">鼠标放上</div> <div class="a2" @mouseenter="ent...原创 2020-01-06 16:28:01 · 1490 阅读 · 0 评论