
vue
闲人孙大壮
一个渴望成为大前端的不知名人士
展开
-
基于Vue3 + ts + echarts(版本5.X)实现中国地图下钻、地图打点、地图热力图功能
4.功能说明,本次教程内容基于vue3+ts+echarts 5版本,实现的内容包括,中国地图的下钻到省市区县级、在指定经纬度进行打点标记。3.由于echarts5版本的已经没有自带地图数据了,所以地图数据需要到专门的GEO数据网站中下载。注意,在这里,如果你采用将地图数据放在自己的服务器,讲JSON数据下载下来,替换地址即可。第三步:写一个简单的工具,实现将阿里中国地图城市数据集合JSON数据引入项目中并使用。其中data,dataMap为我传入地图中需要渲染的数据。你们可以自信传入你们需要展示的数据。原创 2023-05-12 11:24:49 · 3706 阅读 · 6 评论 -
基于element-puls的el-date-picker组件,实现指定日期前/后不可选
elementUI date-picker实现指定日期前/后不可选原创 2023-02-09 14:15:20 · 985 阅读 · 0 评论 -
记一次element ui侧边菜单栏二级菜单展开收起迟滞、卡顿的问题
【代码】记一次element ui侧边菜单栏二级菜单展开收起迟滞、卡顿的问题。原创 2023-02-01 14:44:21 · 1470 阅读 · 2 评论 -
Vue-router 页面跳转空白问题
问题描述今天在写vue项目时遇到一个小问题,在做页面跳转的时候,跳转到某个页面时,突然页面内容部分全部变成空白。大概类似这种情况,啥也没有。问题原因在反复检查发现,在组件中template中有2个div标签,大概如这样<template> <div>...</div> <div>...</div><template>写Vue的应该都知道,一个template中只能放置一个div,不能并列...原创 2022-01-05 11:43:35 · 3810 阅读 · 3 评论 -
Vue3 解决电脑分辨率及缩放导致页面变形的问题
Vue3 解决电脑分辨率不同导致的页面变形问题前言新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言最近在做一个项目,突然发现由于调整电脑的分辨率导致页面变形的问题。正常电脑显示的是100%,当调整电脑分辨率至125%原创 2021-12-20 11:48:47 · 10697 阅读 · 15 评论 -
vue中实现按钮多次点击响应一次的节流效果
第一步:写工具函数实现节流import Vue from 'vue'const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEventListener('click', () => { if (!el.disabled) { el.disabled = true原创 2021-03-02 20:07:08 · 1127 阅读 · 0 评论 -
汉字与16进制互转,支持英文、数字和全部标点符号
字符串转16进制数strToNumber(str) { var ret = ''; var r = /[0-9a-zA-Z_.~!*()]/; for (var i = 0, l = str.length; i < l; i++) { if (r.test(str.charAt(i))) { ret += str.charCodeAt(i).toString(16); } else { ret原创 2020-12-24 17:32:07 · 620 阅读 · 1 评论 -
axios的get请求出现415错误码的问题
Axios的get请求错误复盘在使用axios请求对接后台接口时,发现出现415的错误。情形如下此时,我将同样的接口复制到postman中进行复测,发现postman能够请求到数据。经过一番对比,发现是postman对请求添加了请求头Content-Type:'application/json;'这是导致请求失败的原因。正常情况下,get请求属于简单请求,一般可以不带参数去请求,由...原创 2020-04-15 11:43:24 · 2704 阅读 · 0 评论 -
vue element-ui表单验证无效解决方案
在写页面的时候用到的element-ui库中的表单验证出现如下问题表单验证效果已有 但验证功能不正确。检查与对照官网 发现有二点如下所示第一,在form上需要绑定对象,绑定规则第二,在form-item上的prop需要与输入框中的绑定对象命名相同。改完之后,即可对输入内容进行验证验证内容格式 可参考element-ui官网...原创 2019-11-19 11:00:46 · 2299 阅读 · 0 评论