vue 数据可视化大屏 项目开发中，经常会遇到各种各样的效果，为了提升效率，方便复用，将做过的效果都整理出来。
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870.
8 vue3 数据可视化大屏 卡片效果
7 vue3 数据可视化大屏六边形卡片组效果...
yekong
1年前 (2023-07-19)
喜欢
vue 数据可视化大屏 开发中，需要实现横向滚动的效果，除了可以使用鼠标拖动滚动外，还需要可以通过点击按钮实现左右滚动。
效果截图
动态效果
实现代码
/**
* @Author: 858834013@qq.com
* @Name: scrollbar
* @Date: 20...
yekong
1年前 (2023-07-14)
喜欢
可以通过在地图图层上应用发光效果来实现线条的发光效果。一种常见的方法是使用地图库提供的渲染技术，如添加光晕效果或使用特定的绘制样式来实现发光效果。以下是一个示例，以Mapbox GL JS地图库为例：
// 创建地图
mapboxgl.accessToken = 'your_a...
yekong
1年前 (2023-07-04)
喜欢
vue3 项目开发过程中需要渲染地图，并在地图中绘制线条，线条要可以点击，触发弹窗，这里我们使用的是南京地图开放平台
首先引入依赖
在index.html中引入以下文件。
<link rel="stylesheet" href="//maps...
yekong
1年前 (2023-07-04)
喜欢
vue3 两级树列表，父节点可以展开收缩 可以全选和取消全选 子节点可以选中 子节点全部选择后父节点自动选择
可以按照以下步骤进行操作：
在Vue组件中，创建一个包含树的数据的数组，每个节点包含id、label、selected、expanded和children属性。
在模板...
yekong
1年前 (2023-06-28)
喜欢
vue3开发的 数据可视化大屏 项目中客户觉得地址中带有#号太丑了，所以需要开启history模式，来去掉#号。
要在Vue 3中开启路由的history模式，需要进行以下步骤：
安装Vue Router
安装Vue Router：确保已经安装了Vue Router依赖包。可以使...
yekong
1年前 (2023-06-25)
喜欢
1.插槽描述
插槽是 Vue 提出来的一个概念，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制.
2.插槽分类
插槽分为三种：
默认插槽
具名插槽
作...
yekong
1年前 (2023-06-10)
喜欢
vue3 可视化数据大屏开发中，为了让大屏效果更加酷炫，会给大屏增加很多动画，这里也增加wow.js来实现动画效果，但是在实际项目开发中会出现重复触发动画的效果，页面加载后会触发一次动画，请求完接口后又触发了一次动画，这就不是很友好了。
问题
于是经过一段排查，发现只有特定组件存...
yekong
1年前 (2023-06-09)
喜欢
vue3 数据可视化大屏项目开发中，需要一个登录功能，token的有效期只有30分钟，所以经常需要登录，如果每次登录都要重新手动进入自己要开发的页面的话，就太麻烦了，所以当token过期后，我们就需要先记录当前的地址，登录成功后自动跳转到之前的页面，而不需要重新手动跳转了。
获取...
yekong
1年前 (2023-06-09)
喜欢
vue3项目开发中，在进行接口请求的时候，有鉴权，需要判断是否401，如果报401则跳转到登录页。
封装代码
import axios from 'axios'
import {devIp} from '@/api/ipConfig'
import router from &qu...
yekong
1年前 (2023-06-06)
喜欢
