vue3 数据可视化大屏项目开发中,需要一个登录功能,token的有效期只有30分钟,所以经常需要登录,如果每次登录都要重新手动进入自己要开发的页面的话,就太麻烦了,所以当token过期后,我们就需要先记录当前的地址,登录成功后自动跳转到之前的页面,而不需要重新手动跳转了。
获取...
yekong
2年前 (2023-06-09)
喜欢
vue3项目开发中,在进行接口请求的时候,有鉴权,需要判断是否401,如果报401则跳转到登录页。
封装代码
import axios from 'axios'
import {devIp} from '@/api/ipConfig'
import router from &qu...
yekong
2年前 (2023-06-06)
喜欢
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)
喜欢