分类:vue

vue开发笔记

接口请求报错net::ERR_CONNECTION_REFUSED

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

yekong 2周前 (04-11) 47℃ 0喜欢

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

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

yekong 2周前 (04-10) 44℃ 0喜欢

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

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

yekong 2周前 (04-09) 49℃ 0喜欢

vue 使input失去焦点

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

yekong 3周前 (04-06) 65℃ 0喜欢

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

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

yekong 3周前 (04-06) 51℃ 0喜欢

CountUp.js数字滚动插件介绍

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

yekong 3周前 (04-06) 77℃ 0喜欢

vue项目报错Cannot find module 'webpack/lib/RuleSet'

vue项目报错Cannot find module 'webpack/lib/RuleSet'
2024年04月05日更新解决思路 如果是项目在其他人的电脑上可以正常运行,但是在自己的电脑上运行报错的话,可是试试pnpm i 安装依赖试试,pnpm通过使用更严格的依赖解析策略和创建依赖的符号链接来避免版本冲突 pnpm的安装与使用 其他的可能 vue项目在本地调试打包没有问...

yekong 3周前 (04-05) 784℃ 0喜欢

vue 结合vue-seamless-scroll实现列表滚动

vue 结合vue-seamless-scroll实现列表滚动
vue 数据可视化大屏 项目中要求列表可以自动滚动,当前使用的是vue2实现的效果,如果要使用vue3的话,可以通过vue3 使用vue3-seamless-scroll实现列表无缝滚动插件实现. 安装依赖 # vue3 # yarn yarn add @meruem117/v...

yekong 3周前 (04-01) 1295℃ 0喜欢

vue3项目网页标题跟随路由变化

vue3项目网页标题跟随路由变化
要实现在切换到不同路由时,网页标题显示为对应路由的标题,你需要在 Vue Router 中配置导航守卫 (Navigation Guards) 来动态修改页面标题。在你的代码中已经有了路由配置,现在我们需要在这个基础上添加导航守卫。 下面是如何实现的步骤: 安装 Vue Rou...

yekong 3周前 (03-31) 463℃ 0喜欢