分类:vue

vue开发笔记

echarts雷达图在区域刻度上显示文字

echarts雷达图在区域刻度上显示文字
echarts项目开发中,需要显示雷达图,雷达图要求在刻度上显示内容,今天我们将实现方法记录下来。 echarts版本 "echarts": "^5.4.1", 首选在刻度上显示内容 我们只需要在radar下面增加axisLabel设...

yekong 7个月前 (04-20) 喜欢

element plus select 下拉框样式自定义

element plus select 下拉框样式自定义
vue3 数据可视化大屏 - 数据资产大屏 项目开发中, 需要下拉菜单选择内容,设计师对这个下拉菜单做了美化,在设计图中多余遇到不同样式的下拉菜单,每次都要重新写样式,很耗费时间,所以想着把可能会修改的关键代码都列出来,下次就可以针对性的修改,节省开发时间。 因为element-...

yekong 7个月前 (04-20) 喜欢

axios post传参方式有哪些

axios post传参方式有哪些
Axios 在进行 POST 请求时,可以通过不同的方式传递参数,并且可以在请求实例中进行相应的配置。以下是一些常见的传参方式及其配置实例: 传递普通对象:可以直接将一个对象作为 data 参数传递给 POST 请求。这是最常见的传参方式,适用于大多数情况。 axios.po...

yekong 8个月前 (04-12) 喜欢

接口请求报错net::ERR_CONNECTION_REFUSED

接口请求报错net::ERR_CONNECTION_REFUSED
今天数据大屏进行接口调试时,发现接口返回了错误net::ERR_CONNECTION_REFUSED,查询了一下这个错误的原因记录一下。 接口报错net::ERR_CONNECTION_REFUSED通常意味着客户端无法连接到服务器。这个错误可能由多种原因导致,包括但不限于服务器...

yekong 8个月前 (04-11) 喜欢

vue2 接口数据量太大导致页面崩溃

vue2 接口数据量太大导致页面崩溃
vue2 数据可视化大屏项目开发中,需要渲染geoJson数据到地图上,但是geoJson数据量太大,有几十兆的大小,并且多个页面会访问此接口,当页面切换后数据量太大积累的数据并没有从内存中清除导致多次切换路由后内存从几十M内存占用到达1000多M,进而导致内存小的电脑网页崩溃。...

yekong 8个月前 (04-10) 喜欢

vue实现鼠标滚轮滚动组件效果

vue实现鼠标滚轮滚动组件效果
ScrollReveal.js 是一个用于在网页元素滚动进入视口时触发动画的 JavaScript 库。它非常适合用来增加页面滚动时的视觉效果,但它本身并不直接控制滚轮滚动的行为或动画。ScrollReveal.js 主要用于当用户滚动页面,使得元素进入视口时,元素以动画的形式呈...

yekong 8个月前 (04-09) 喜欢

vue 使input失去焦点

vue 使input失去焦点
在Vue中,使input元素失去焦点可以通过编程方式调用DOM元素的blur方法来实现。这通常在某些事件处理函数中完成。你可以使用Vue的ref属性来引用DOM元素,并在需要的时候调用this.$refs.refName.blur()来使input失去焦点。 以下是一个示例,展示...

yekong 8个月前 (04-06) 喜欢

vue2数据可视化大屏axios token过期刷新token方法

vue2数据可视化大屏axios token过期刷新token方法
数据可视化大屏项目开发中,项目的token有效期很短,这时候我们就需要使用刷新令牌进行token刷新,当接口code为401的时候,我们需要记录这些报401的接口,然后进行token刷新,刷新完成后,重新请求之前报401的接口以刷新数据。如果token刷新失败的话就直接跳转到登录...

yekong 8个月前 (04-06) 喜欢

CountUp.js数字滚动插件介绍

CountUp.js数字滚动插件介绍
在数据可视化大屏项目开发中,会需要各种动画装饰,数字滚动效果便是其中之一,今天介绍的是CountUp.js滚动插件 动态效果 CountUp.js是一个无依赖、轻量级的JavaScript类,可用于快速创建显示数字数据的动画,使数字数据的展示更加有趣和动态。尽管其名称为Cou...

yekong 8个月前 (04-06) 喜欢