数据大屏项目开发中，客户要求其中一个模块要点击后弹窗展示项目进度,使用甘特图来实现，今天我们来实现使用vue3实现甘特图的效果。
插件
"dhtmlx-gantt": "^8.0.10",
实例代码
<template>
...
yekong
2个月前 (09-27)
喜欢
vue3 可视化数据大屏 大学迎新数据可视化大屏
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
数据大屏模板id
156
开发环境
nodejs v16.20.0
开发框架
vue3 vite js
分辨率
1920 * 1080
演示地址
演示...
yekong
5个月前 (06-30)
喜欢
vue3数据可视化大屏项目开发中，会遇到一些下拉菜单，在功能上element-plus已经满足了我们的需求，不过样式可能和我们的ui设计图不一致，这时候就需要自定义下样式了，vue3 element-plus dropdown下拉菜单自定义样式 可以通过修改el-dropdown...
yekong
5个月前 (06-19)
喜欢
vue3 可视化数据大屏 智慧照明数据大屏
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
运行环境
nodejs 16
开发框架
vue3 vite js
分辨率
1920*1080
演示地址
演示demo:vue3 可视化数据大屏 智慧照明数据...
yekong
7个月前 (05-09)
喜欢
要实现在切换到不同路由时，网页标题显示为对应路由的标题，你需要在 Vue Router 中配置导航守卫 (Navigation Guards) 来动态修改页面标题。在你的代码中已经有了路由配置，现在我们需要在这个基础上添加导航守卫。
下面是如何实现的步骤：
安装 Vue Rou...
yekong
8个月前 (03-31)
喜欢
vue3 可视化数据大屏 智慧环卫数据可视化
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
运行环境
nodejs 16
开发框架
vue3 vite js
分辨率
1920 * 1080
演示地址
演示demo:智慧环卫数据可视化 可视化数据大...
yekong
9个月前 (02-29)
喜欢
在Vue 3中，您可以使用video.js库创建自定义的视频播放器。video.js是一个JavaScript和CSS库，用于在所有流行的web浏览器中制作HTML5和Flash视频播放器。下面是一个简单的例子说明如何在Vue 3应用程序中使用video.js。
首先，您需要安装...
yekong
11个月前 (01-04)
喜欢
数据大屏项目开发中，我们需要使用mockjs返回四组数据，分别为本周 本月 上月 本年。
项目框架
vue3 vite js
请求接口
我们监听active的变化，并将数据传值给接口。
export default {
name: "item",
c...
yekong
1年前 (2023-10-12)
喜欢
最近在学习vue3，为了更好的实践，所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统进行vue3升级。之前的项目中要引入百度地图vue-baidu-map，这里有些变化要记录一下。vue2项目使用百度地图请查看：vue...
yekong
1年前 (2023-09-28)
喜欢
数据可视化大屏项目中，需要添加一个登录功能，这时候我们就需要对那些登录后才能访问的页面进行鉴权处理了。
import {createRouter, createWebHashHistory} from 'vue-router'
const routerHistory = cre...
yekong
1年前 (2023-09-22)
喜欢
