自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(168)
  • 收藏
  • 关注

原创 海康视频在vue2.0中的使用

首先要在html的head里面引入海康的相关包,包要在官网下载,还要下载海康插件(插件也要后端部署在服务器上,通过后端给的播放插件下载地址下载,不然会报错)----------------------手动分割------------------以下是需要计算偏移的组件代码。以下是不需要偏移的代码。

2026-09-04 14:30:03 61

原创 echarts环形图自定义

echarts环形图自定义,光圈是图片自定义上去的。

2026-05-08 10:36:19 83

原创 echarts,3d堆叠图

图例自定义,并且自动轮播,且效果为3d堆叠图,效果图如下。

2026-04-28 13:42:55 257

原创 eCharts 多系列柱状图增加背景图

图例和下面的dataZoom自动轮播效果如图。

2026-04-27 16:07:41 71

原创 echarts自定义特殊仪表盘

echarts自定义仪表盘

2026-04-27 14:26:38 236

原创 echarts线图,自定义图例

echarts给图例加背景图,自定义图例

2026-04-24 16:10:55 55

原创 3D饼图,带背景图和自定义图例(threejs)

3D饼图,带背景图和自定义图例(threejs)

2026-04-24 10:49:19 106

原创 echarts 折柱混合图,渐变切图例和x轴滚动可自动切换

echarts折柱混合,自定义图例,并且自动播放

2026-04-23 11:23:43 51

原创 css手搓一个数字翻牌器

效果如图,初次进入会自动翻牌。

2026-04-22 16:15:23 53

原创 echarts 图例增加背景图(渐变饼图legend增加背景图)

渐变饼图,中间的齿轮是背景图,边上的渐变饼图是主图,效果如下。

2026-04-20 16:25:20 50

原创 echarts写一个立体的柱状图

然后methods里面。

2026-03-23 15:59:32 46

原创 使用@antv/x6绘制流程图

官方文档都写的很清楚怎么使用了,然后还有高很多配置项需要在使用时仔细阅读,js,文件单独写的data项配置数据。

2026-01-06 10:47:06 299

原创 el-drawer多层抽屉关不掉遮罩

100%的遮罩层的抽屉,可以根据文档来设定,直接不要遮罩层,或者直接全部设定。

2025-12-23 13:57:43 158

原创 vue+QRCode 将url生成一个二维码图片地址

使用qrcode.js库。使用qrcodejs2库。

2025-08-20 10:58:20 225

原创 vue-video-player视频保活成功确无法推送问题

首先,我的node版本是 14.21.3 ,官方也是建议这个版本,其次vue-video-player和video.js不能同时安装!如果还不行,就去node_modules里面看看有没有@video.js的包,理应是没有的,如果有手动删掉。保证package.json,只有vue-video-player。然后局部引入或者全局引入即可。

2025-06-06 11:12:50 445

原创 在 el-form 中根据某一项动态校验 el-table 的另外一项

例如 ,在 el-form 中根据年龄动态校验 el-table 的姓名。

2025-05-20 17:59:56 509

原创 获取当前周几,农历日期

获取农历用js写的,也可以用插件库,我这是用js封装的方法。获取当前周几在这需要用到moment.js。

2025-04-22 15:17:54 677

原创 el-table树状表格,默认展开第一个节点的每一层

【代码】el-table树状表格,默认展开第一个节点的每一层。

2025-02-18 09:40:51 733

原创 高德地图自定义点聚合样式

图片必须放在src平级的文件夹里,不然引入不成功!

2025-01-16 10:37:39 938

原创 echarts折线图只展示最后一个圆点

【代码】echarts折线图只展示最后一个圆点。

2025-01-08 17:23:33 424

原创 将对象中的数据根据key映射到数组对象中

根据对象中的key和value把值映射过来。

2025-01-08 14:29:17 244

原创 echarts动态改变legend中的颜色

echarts动态改变legend中的颜色

2024-08-14 09:45:17 2308

原创 el-tabs改变值时下划线错位问题

el-tabs改变值时下划线错位问题

2024-08-06 14:24:51 856

原创 echarts自定义legend图例

echarts自定义legend图例

2024-07-31 11:20:46 2301 1

原创 js删除el-table删除新增项,有的已经保存有的未经保存

根据情况设定是否为编辑模式,如果为编辑模式就需要进行筛选删除及接口,如果不是编辑模式,只需要进行筛选删除。有时候在弹窗中的弹窗要删除数据,有的是刚新增进来的,没有经过保存就没有id,有的已经保存过就有id。

2024-06-27 15:58:43 323

原创 高德.js2.0绘制多条折线(轨迹)及清除所有折线

2.0版本的地图,需要绘制多条折线的时候,就需要循环生成,因此也需要循环清除。

2024-06-27 15:11:08 1300

原创 高德.js2.0绘制点聚合,并点击点出现自定义样式弹窗

我这里依旧使用AMapLoader插件。

2024-06-27 14:34:23 1012

原创 高德.js地图自定义图标和样式,以及绘制轨迹

【代码】高德.js地图自定义图标和样式,以及绘制轨迹。

2024-05-20 10:44:53 1934

原创 js判断是经度还是维度,并处理格式

有这样的一个字符串"39.415509,106.732113",此处可能是中文逗号也可能是英文逗号,需要处理成[106.732113, 39.415509]这样的格式。

2024-05-16 16:13:09 652

原创 高德地图,用AMapLoader组件,点击地图添加点并获取经纬度

在这块我用的是高德地图,使用的是AMapLoader组件,这样就省去了很多配置步骤。

2024-05-13 10:52:40 1230

原创 el-menu 有一级二级三级菜单

【代码】el-menu 有一级二级三级菜单。

2024-04-18 18:03:07 1371 1

原创 用ul和li模拟一个可以点击的日历

用ul和li模拟一个可以点击的日历,因为需求是如果某天有事件则需要自动标红,效果图如下。这处因为需要和时间选择器联动 ,所以把这个页面封装成一个组件,代码。

2024-01-23 15:56:22 636

原创 el-table,列表合并,根据名称列名称相同的品名将其它列值相同的进行合并

el-table,列表合并,根据名称列名称相同的品名讲其它列值相同的进行合并,并且不能垮品名合并。用到el-table合并行的方法合并。然后在初始值的时候调取方法。

2023-11-28 14:30:19 2456 1

原创 用js切割文字,超出省略

因为项目需要,当人员超过两个事则进行超出省略,如将一个 “张三,李四,王五”,这样的字串切割成"张三,李四…主要用的是基础的切割法。

2023-11-20 11:21:35 413

原创 el-table树状表格末行合计

然后用合并的方法,此处就需要递归去计算,根据props去匹配每一列的数据,然后加起来,关键代码。首先,由于我的表头是动态的,所以就稍微复杂一点。表格的数据格式是这样的。表头数据格式是这样的。

2023-11-01 16:00:45 759

原创 el-input单独校验

el-input单独校验,效果图如下。data中定义校验规则。methods中使用。

2023-10-18 17:10:45 1202

原创 el-table合计行合并

因为合计el-table的合并方法是不生效的,所以需要修改css下手。

2023-10-11 11:47:37 1139

原创 js递归删除掉多层树状数据中disabled为 true的对象

如果 disabled 不为 true,则创建一个新对象,包含 rest 的属性,以及递归调用 removeDisabledObjects 处理后的 children。如果 disabled 为 true,则返回 null,表示删除该节点。在遍历过程中,函数首先检查当前节点 data 是否为数组,如果是数组,则使用 map 方法遍历数组中的每个元素,并对每个元素调用递归函数 removeDisabledObjects 进行处理。它接收一个数据对象 data 作为参数。最后,函数返回经过处理后的数据对象。

2023-09-20 16:51:30 482

原创 el-table 翻页记住上页选项,包含回显选中的数据

一定要做的操作就是清空一下选中的数据,否则不生效,this.$refs.selectTable.clearSelection();最后在保存之前把勾选中的数组和新数组 this.selectedRowsAll拼接一下。需求为翻页记住上页选项,包含回显选中的数据,然后还能进行新增和取消勾选。然后就是处理选中的数据,和原数组进行对比,进行回显和取消的操作。首先element管网有提供及住翻页功能。所以可以根据官网提供的方法来改造。

2023-09-14 15:17:34 1164

原创 el-cascader 根据 已知数据 子节点的id 获取对应的所有父节点id

el-cascader 根据 已知数据 子节点的id 获取对应的所有父节点id,从左至右是一级id,二级id,三级id。

2023-09-11 11:29:16 1571

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除