vue 数据可视化大屏 项目中要求列表可以自动滚动，当前使用的是vue2实现的效果，如果要使用vue3的话，可以通过vue3 使用vue3-seamless-scroll实现列表无缝滚动插件实现.
安装依赖
# vue3
# yarn
yarn add @meruem117/v...
yekong
8个月前 (04-01)
喜欢
vue2项目开发中，需要实现轮播，并且轮播的效果类似3d效果。
效果截图
动态效果
演示地址
vue2 实现走马灯3d轮播效果
使用插件
这里使用到了vue-carousel-3d插件，vue-carousel-3d介绍
安装插件
pnpm i vue-carousel-3d...
yekong
8个月前 (03-17)
喜欢
vue实现导出word文档功能,导出数据表格,结合html2canvas实现导出图片
演示地址
vue实现导出word文档功能
代码
/**
* @Author: 858834013@qq.com
* @Name: exportDocument
* @Date: 2024...
yekong
8个月前 (03-13)
喜欢
vue3 数据可视化大屏 开发中，需要渲染高德地图实现轨迹回放。
我们可以通过Polyline来实现一条轨迹线,通过marker.moveAlong实现移动动画效果。
动态效果
演示地址
vue3 高德地图实现轨迹回放
引入高德地图
使用前需要引入高德
<scr...
yekong
8个月前 (03-13)
喜欢
11 vue3 高德地图多个轨迹回放
实例代码：vue3高德地图多个轨迹回放
10 vue3 自定义图标点击放大地图显示子图标移入后显示弹窗
vue 高德地图显示一级数据的图标，鼠标移入一级图标，显示标题，单击一级图标放大地图，双击一级图标显示弹窗。
当一级图标放大后显示二级图...
yekong
8个月前 (03-13)
喜欢
数据可视化大屏项目开发中，如果菜单太多的话，我们就需要滚动显示。
这里我们要实现菜单可以鼠标拖动滚动，左右箭头点击滚动，点击菜单对应的菜单居中，如果左侧或者右侧没有多余的菜单了则不再滚动。
动态效果
使用到的插件
"@better-scroll/core"...
yekong
9个月前 (02-21)
喜欢
vue2项目开发中，轮播时，会需要一些类似3d的效果，今天整理的插件：vue-carousel-3d一个3d轮播插件。如果是在vue3项目中运行的话可以使用：vue3 3d轮播插件 - vue3-carousel-3d介绍
插件效果截图
动态效果
api文档
vue2 3d轮...
yekong
12个月前 (11-30)
喜欢
vue2 element ui table表格渲染数据时，需要渲染两级表格，先渲染一级表格，然后展开下拉后，再渲染二级表格。
<el-table
ref="singleTable"
:data="list"
b...
yekong
12个月前 (11-28)
喜欢
vue2项目需要使用element ui table的功能，但是需要修改样式，这里将实现方式记录下来。
<div class="table-container-case">
<el-table
ref="...
yekong
12个月前 (11-28)
喜欢
数据大屏开发中，需要监听实时消息，消息是使用的，最新的项目中获取ws数据的方法：vue项目中请求WebSocket获取数据
公共方法
function getSocket(url, params, callback) {
let socket;
if (typeof (...
yekong
1年前 (2023-10-17)
喜欢
