标签:vue3

vue

vue3 路由跳转时动态修改标题

vue3 路由跳转时动态修改标题
数据可视化大屏 项目开发时,一些客户比较抓细节,今天的细节是标题,客户要求页面跳转后,标题也跟着变化,vue项目属于单页项目,我们需要根据路由跳转进行标题动态修改,因为是pc端,不用考虑手机上面标题修改的兼容性。我们只需要修改document.title的值就可以了。 添加路由导...

yekong 2年前 (2023-05-02) 喜欢

vue

vue3 动态引入组件

vue3 动态引入组件
因为项目组件过多,但是项目每个组件都是一个效果,可以单独预览,又不想每个组件都就加入到路由当中,所以设置为根据参数动态获取组件 在Vue3中,动态引入组件可以使用defineAsyncComponent函数。该函数返回一个异步组件对象,可以在组件需要渲染时再加载。 我们先通过de...

yekong 2年前 (2023-04-08) 喜欢

vue

vue3 element-plus Menu使用

vue3 element-plus Menu使用
element-plus Menu在使用的时候,我们需要点击菜单后跳转到对应的路由页面,并且默认展开当前路由所在的分组,以及记过当前所在的菜单 element-plus menu说明文档 激活路由模式 将:router="true"后,点击菜单就可以实现路由...

yekong 2年前 (2023-04-01) 喜欢

vue

vue 实现进度条效果

vue 实现进度条效果
vue数据可视化大屏 开发中,需要一个进度条的效果,这里使用的是两个图片来实现的,一个背景图,还有一个进度条背景图。然后增加一个长度限制,默认是0每10毫秒增加1直到增加到给定的百分比停止,形成一个渐变的动画。 更多进度条效果实例 vue 数据可视化大屏进度条效果实例 使用 &...

yekong 2年前 (2023-03-03) 喜欢

vue

vue3 实现tab切换样式组件

vue3 实现tab切换样式组件
vue3 数据可视化大屏 项目中需要tab切换效果,之前写过类似的效果了,vue tab_line_sync 组件,不过是vue2的方式写的,vue3的sync已经不能用了,所以重新再写一遍。 使用 <template> <div class="...

yekong 2年前 (2023-03-02) 喜欢

vue

vue3 项目使用腾讯地图

vue3 项目使用腾讯地图
vue3 数据大屏可视化 项目中要求使用腾讯地图,这里将自己实现的代码记录下来,方便复用。数据大屏可视化ui设计的地图很华丽,但是使用腾讯地图没办法实现这种样式效果。vue3使用腾讯地图添加自定义图标 演示demo:vue3数据可视化大屏-科技管理大屏案例演示 申请腾讯地图k...

yekong 2年前 (2023-03-02) 喜欢

vue

vue3 vite项目使用wow.js实现加载动画

vue3 vite项目使用wow.js实现加载动画
最近在学习vue3,为了更好的实践,所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统进行vue3升级。之前的项目中要引入wowjs来实现动画,但是升级到vue3后再使用wowjs会报下面的错误。 报错 Uncaught...

yekong 2年前 (2023-01-28) 喜欢

vue

vue3 使用使用animate.css组件不生效

vue3 使用使用animate.css组件不生效
vue项目中会使用wow.js+animate.css这类插件进行项目动画渲染。但是使用animate.css插件没有效果,使用特定版本的animate.css就可以,今天趁着处理vue3 vite项目使用wowjs实现加载动画问题也把这个历史问题给解决了。推荐方案1 解决方案...

yekong 2年前 (2023-01-28) 喜欢