标签:vue3

vue

vue3项目中实现甘特图

vue3项目中实现甘特图
数据大屏项目开发中,客户要求其中一个模块要点击后弹窗展示项目进度,使用甘特图来实现,今天我们来实现使用vue3实现甘特图的效果。 插件 "dhtmlx-gantt": "^8.0.10", 实例代码 <template> ...

yekong 2周前 (09-27) 67℃ 0喜欢

vue

vue3 element-plus dropdown下拉菜单自定义样式

vue3 element-plus dropdown下拉菜单自定义样式
vue3数据可视化大屏项目开发中,会遇到一些下拉菜单,在功能上element-plus已经满足了我们的需求,不过样式可能和我们的ui设计图不一致,这时候就需要自定义下样式了,vue3 element-plus dropdown下拉菜单自定义样式 可以通过修改el-dropdown...

yekong 4个月前 (06-19) 3468℃ 3喜欢

数据大屏

智慧照明数据大屏 可视化数据大屏 vue3

智慧照明数据大屏 可视化数据大屏 vue3
vue3 可视化数据大屏 智慧照明数据大屏 如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870 运行环境 nodejs 16 开发框架 vue3 vite js 分辨率 1920*1080 演示地址 演示demo:vue3 可视化数据大屏 智慧照明数据...

yekong 5个月前 (05-09) 1599℃ 0喜欢

vue

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

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

yekong 6个月前 (03-31) 780℃ 1喜欢

数据大屏

智慧环卫数据可视化 可视化数据大屏 vue3

智慧环卫数据可视化 可视化数据大屏 vue3
vue3 可视化数据大屏 智慧环卫数据可视化 如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870 运行环境 nodejs 16 开发框架 vue3 vite js 分辨率 1920 * 1080 演示地址 演示demo:智慧环卫数据可视化 可视化数据大...

yekong 7个月前 (02-29) 975℃ 0喜欢

vue

vue3 使用视频播放器 video.js

vue3 使用视频播放器 video.js
在Vue 3中,您可以使用video.js库创建自定义的视频播放器。video.js是一个JavaScript和CSS库,用于在所有流行的web浏览器中制作HTML5和Flash视频播放器。下面是一个简单的例子说明如何在Vue 3应用程序中使用video.js。 首先,您需要安装...

yekong 9个月前 (01-04) 1729℃ 0喜欢

vue

vue3 vite项目使用百度地图插件

vue3 vite项目使用百度地图插件
最近在学习vue3,为了更好的实践,所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统进行vue3升级。之前的项目中要引入百度地图vue-baidu-map,这里有些变化要记录一下。vue2项目使用百度地图请查看:vue...

yekong 1年前 (2023-09-28) 2184℃ 3喜欢

vue

vue3 路由登录鉴权

vue3 路由登录鉴权
数据可视化大屏项目中,需要添加一个登录功能,这时候我们就需要对那些登录后才能访问的页面进行鉴权处理了。 import {createRouter, createWebHashHistory} from 'vue-router' const routerHistory = cre...

yekong 1年前 (2023-09-22) 702℃ 0喜欢