分类:vue

vue开发笔记

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) 喜欢

vue2 列表选中某个元素后,让滚动条滚动到指定区域

vue2 列表选中某个元素后,让滚动条滚动到指定区域
数据大屏 项目开发中,有一个组件因为元素过多需要滚动条显示,这里会有外部组件来激活某个元素,如果这个元素没有在可视区域的话,我们需要让滚动条滚动到对应的位置让激活的元素处于可视区域内。 要让滚动条让选中的项目处于可视区域,你可以使用 DOM 的 scrollIntoView 方法...

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