分类:vue

vue开发笔记

vue项目中使用百度地图js生成地图

vue项目中使用百度地图js生成地图
数据可视化大屏项目中经常会使用到百度地图,今天我们实现在vue项目使用使用百度地图。 在以前的数据大屏中,我们使用的是vue2 使用百度地图插件vue-baidu-map和vue3 vite项目使用百度地图插件在vue2和vue3项目中我们都是使用的封装的vue插件来实现我们想要...

yekong 1年前 (2023-12-22) 喜欢

vue2 element ui el-table自定义样式实例

vue2 element ui el-table自定义样式实例
vue2项目开发中,需要实现类似如下效果图的效果,因为有横向滚动条,这里使用element ui el-table来实现,只需要通过css来将样式修改为我们需要的效果就可以了,这里使用了斑马纹的效果,通过设置 stripe来实现。 代码实现效果 实现代码 因为滚动条也需要自定...

yekong 1年前 (2023-12-20) 喜欢

vue3 切换组件时销毁组件的定时请求

vue3 切换组件时销毁组件的定时请求
vue3项目中,组件设置了定时请求,切换组件后,上一个组件还在执行定时请求,于是使用beforeDestroy来销毁定时,结果发现无效,排查后发现: 在 Vue 3 中,beforeDestroy 已被废弃,取而代之的是 beforeUnmount。这是因为 beforeDest...

yekong 1年前 (2023-12-19) 喜欢

vue项目中请求WebSocket获取数据

vue项目中请求WebSocket获取数据
vue项目开发中,后端提供的是WebSocket,这里记录一下前端请求ws获取数据的代码实例 这里我们将ws接口地址单独放在一个配置文件中,方便后期修改。 之前的项目开发中是使用之前的ws请求写法 调试输出请求的数据 请求实例代码 <script> import {...

yekong 1年前 (2023-12-18) 喜欢

vue3 element-plus el-carousel自定义指示器样式

vue3 element-plus el-carousel自定义指示器样式
vue3 element-plus el-carousel自定义指示器的样式,指示器的默认样式是长条形的,我们需要设置为圆点,这里我们通过设置指示器的class el-carousel__indicator--horizontal来设置指示器的样式。 element-plus版...

yekong 1年前 (2023-12-10) 喜欢