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