vue3 element-plus el-table表格客户要求日期分为两行,一行显示年月日,一行显示时分秒
处理代码
<el-table :data="list" class="custom-table" style="...
yekong
1年前 (2023-12-20)
喜欢
vue2项目开发中,需要实现类似如下效果图的效果,因为有横向滚动条,这里使用element ui el-table来实现,只需要通过css来将样式修改为我们需要的效果就可以了,这里使用了斑马纹的效果,通过设置 stripe来实现。
代码实现效果
实现代码
因为滚动条也需要自定...
yekong
1年前 (2023-12-20)
喜欢
vue3项目中,组件设置了定时请求,切换组件后,上一个组件还在执行定时请求,于是使用beforeDestroy来销毁定时,结果发现无效,排查后发现:
在 Vue 3 中,beforeDestroy 已被废弃,取而代之的是 beforeUnmount。这是因为 beforeDest...
yekong
1年前 (2023-12-19)
喜欢
vue项目开发中,后端提供的是WebSocket,这里记录一下前端请求ws获取数据的代码实例
这里我们将ws接口地址单独放在一个配置文件中,方便后期修改。
之前的项目开发中是使用之前的ws请求写法
调试输出请求的数据
请求实例代码
<script>
import {...
yekong
1年前 (2023-12-18)
喜欢
vue 项目中需要使用videojs进行视频自动播放,但是设置了autoplay: true后视频仍然没有自动播放。
<template>
<div class="video-js">
<video ref="...
yekong
1年前 (2023-12-14)
喜欢
vue 数据大屏开发,要调整el-select下拉框样式 实现效果记录一下。
实现代码
/**
* @Author: 858834013@qq.com
* @Name: item1
* @Date: 2022-11-14
* @Desc:
*/
<template>...
yekong
1年前 (2023-12-12)
喜欢
在 Vue.js 中,你可以使用 v-on 指令或者 @ 符号来监听 DOM 事件,如点击事件。如果你想要在 class="labelCom" 的元素被点击时触发某个方法,但不希望 <pop ref="pop"></pop...
yekong
1年前 (2023-12-11)
喜欢
vue3 element-plus el-carousel自定义指示器的样式,指示器的默认样式是长条形的,我们需要设置为圆点,这里我们通过设置指示器的class el-carousel__indicator--horizontal来设置指示器的样式。
element-plus版...
yekong
1年前 (2023-12-10)
喜欢
vue3项目开发中,我们需要实现Element-plus el-carousel走马灯给自定义图片绑定点击事件,点击后可以轮播走马灯图片。
使用到的element-plus版本
"element-plus": "^2.3.8",
为了实现...
yekong
1年前 (2023-12-10)
喜欢
数据大屏 项目开发中,有一个组件因为元素过多需要滚动条显示,这里会有外部组件来激活某个元素,如果这个元素没有在可视区域的话,我们需要让滚动条滚动到对应的位置让激活的元素处于可视区域内。
要让滚动条让选中的项目处于可视区域,你可以使用 DOM 的 scrollIntoView 方法...
yekong
1年前 (2023-12-09)
喜欢