标签:vue3

vue

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

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

yekong 4周前 (03-31) 471℃ 0喜欢

数据大屏

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

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

yekong 2个月前 (02-29) 433℃ 0喜欢

vue

vue3 使用视频播放器 video.js

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

yekong 4个月前 (01-04) 1165℃ 0喜欢

数据大屏

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

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

yekong 7个月前 (10-13) 785℃ 0喜欢

vue

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

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

yekong 7个月前 (09-28) 1845℃ 3喜欢

vue

vue3 路由登录鉴权

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

yekong 7个月前 (09-22) 394℃ 0喜欢

vue

vue3 数据可视化大屏获取验证码

vue3 数据可视化大屏获取验证码
数据可视化大屏项目开发中,登录页需要一个验证码发送功能,这里我们来实现这个功能。 使用 <captcha :phone="phone"></captcha> 创建组件captcha 组件接收电话号码,使用label来显示获取验证码,...

yekong 7个月前 (09-22) 333℃ 0喜欢

vue

vue3 全局注册并初始化AOS

vue3 全局注册并初始化AOS
在Vue 3中,你可以使用createApp函数来创建Vue应用,并使用app.use()方法全局注册和初始化AOS。以下是在Vue 3中全局注册和初始化AOS的示例: 安装AOS和Animate.css:首先,确保你已经安装了AOS和Animate.css。你可以通过npm或...

yekong 8个月前 (09-12) 375℃ 0喜欢

vue

vue3实现时间段布防时间效果

vue3实现时间段布防时间效果
vue3数据可视化大屏项目开发中,需要一个24小时时间段,时间段可以点击选择,可以多选以用来记录时间段。 通过鼠标可以选择时间点,点击保存后可以将数据通过localStorage缓存到本地。 效果截图 演示地址 vue3实现时间段布防时间效果 项目应用 视频监控智能分析系统 部...

yekong 8个月前 (09-11) 302℃ 0喜欢