vue3数据大屏 项目开发中,需要设置一个全局年份供各个组件调用,但是在设置后发现无法更新年份排查发现原因是:state 中的字段名和 getters 方法名相同造成的。
修改前
getters: {
years() {
var year ...
yekong
2年前 (2023-05-03)
喜欢
数据可视化大屏 项目开发时,一些客户比较抓细节,今天的细节是标题,客户要求页面跳转后,标题也跟着变化,vue项目属于单页项目,我们需要根据路由跳转进行标题动态修改,因为是pc端,不用考虑手机上面标题修改的兼容性。我们只需要修改document.title的值就可以了。
添加路由导...
yekong
2年前 (2023-05-02)
喜欢
因为项目组件过多,但是项目每个组件都是一个效果,可以单独预览,又不想每个组件都就加入到路由当中,所以设置为根据参数动态获取组件
在Vue3中,动态引入组件可以使用defineAsyncComponent函数。该函数返回一个异步组件对象,可以在组件需要渲染时再加载。
我们先通过de...
yekong
2年前 (2023-04-08)
喜欢
element-plus Menu在使用的时候,我们需要点击菜单后跳转到对应的路由页面,并且默认展开当前路由所在的分组,以及记过当前所在的菜单
element-plus menu说明文档
激活路由模式
将:router="true"后,点击菜单就可以实现路由...
yekong
2年前 (2023-04-01)
喜欢
vue数据可视化大屏 开发中,需要一个进度条的效果,这里使用的是两个图片来实现的,一个背景图,还有一个进度条背景图。然后增加一个长度限制,默认是0每10毫秒增加1直到增加到给定的百分比停止,形成一个渐变的动画。
更多进度条效果实例
vue 数据可视化大屏进度条效果实例
使用
&...
yekong
2年前 (2023-03-03)
喜欢
vue3 数据可视化大屏 项目中需要tab切换效果,之前写过类似的效果了,vue tab_line_sync 组件,不过是vue2的方式写的,vue3的sync已经不能用了,所以重新再写一遍。
使用
<template>
<div class="...
yekong
2年前 (2023-03-02)
喜欢
vue3 数据大屏可视化 项目中要求使用腾讯地图,这里将自己实现的代码记录下来,方便复用。数据大屏可视化ui设计的地图很华丽,但是使用腾讯地图没办法实现这种样式效果。vue3使用腾讯地图添加自定义图标
演示demo:vue3数据可视化大屏-科技管理大屏案例演示
申请腾讯地图k...
yekong
2年前 (2023-03-02)
喜欢
vue项目开发有一个需求是可以对视频进行截屏操作.
注意
视频截屏前准备需要在video内添加crossorigin="anonymous",不然可能会有跨域问题导致无法截图.
<video class="videoScreenShot&quo...
yekong
2年前 (2023-02-01)
喜欢
最近在学习vue3,为了更好的实践,所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统进行vue3升级。之前的项目中要引入wowjs来实现动画,但是升级到vue3后再使用wowjs会报下面的错误。
报错
Uncaught...
yekong
2年前 (2023-01-28)
喜欢
vue项目中会使用wow.js+animate.css这类插件进行项目动画渲染。但是使用animate.css插件没有效果,使用特定版本的animate.css就可以,今天趁着处理vue3 vite项目使用wowjs实现加载动画问题也把这个历史问题给解决了。推荐方案1
解决方案...
yekong
2年前 (2023-01-28)
喜欢