- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue-海康视频接入
编写海康监控视频组件，大致步骤是：先通过window对象上挂载的JSPlugin（上一步引入时已经挂载上去）New一个视频实例，通过配置参数来控制监控的特性，具体可翻阅对应的pdf说明，再调用对应的方法，即可实现海康监控对接功能，具体代码如下。具体实现流程，这里我们采用的是H5的开发包，首先下载对应的开发包，按照对应的文档，将sdk文件放到项目的公共资源public下面。背景：大屏项目需要接入海康的监控视频，用的是官方的sdk实现，海康开放平台链接。index.html文件中引入，顺序如下。
2026-01-07 16:24:40
106
原创 vue3自定义指令实现水印功能以及el-dialog弹窗全局水印
先定义好ts文件，再通过app.directive方法（自定义指令的api不清楚的可以自行搜索）去绑定该文件导出的watermark，注意，需要在main.ts文件去注册自定义指令，这样就是全局的了，然后在你需要水印的dom结构加v-watermark就行了（例如：<div class="main" v-watermark>）前景：给后台管理系统添加水印功能，不引入额外插件，以及给特定组件（el-dialog）添加全局水印。另外水印的默认参数也在上面定义了，也可以手动传入，具体自己研究一下。
2026-01-07 16:17:40
69
原创 element-plus的照片上传达到限制时隐藏上传样式
/重点：:class="{dis:limit === 1 && localFileList.length >= 1}"注意：.dis需要在 :deep前面，不然不会生效。封面只能上传一张，一张后隐藏上传的样式框。
2025-12-25 17:27:44
158
原创 el-dialog重复嵌套时报错问题处理
如果两个el-dialog弹窗嵌套在一起，在弹窗内打开弹窗时，有可能会报以上错误，而且还会卡死页面，需要在子弹窗添加append-to-body，具体去看文档。
2025-12-25 17:24:01
211
原创 leaflet以CAD图片为底图，实现路径导航等功能
需求背景：甲方需要在一些CAD图纸上动态展示特定路线导航，比如从一个房间，到另外一个房间的路径，需要显示出路径，因为以前没有接触过这类特定需求，所以先暂时调研了一下，并尝试做个demo给甲方演示。
2025-04-03 16:34:02
565
1
原创 腾讯位置服务-地图组件,选择经纬度坐标
在日常的表单业务开发中，选择地址时，需要获取对应地理位置（例如经纬度坐标）是比较常见的场景，所以基于腾讯开源的地理位置服务，封装一个选择地理点位的一个组件，以便减少后续类似情况的开发
2025-04-03 14:34:47
408
原创 Echarts地图组件中，添加地图点位时想引入图片却显示不出来
总结：看哪种能实现就用哪种，主要思路还是要让浏览器自己去加载图片资源，直接放本地图片的静态资源路径好像是不行滴~第三种方法：直接把图片转成base64格式，放到对应地方去。
2024-12-06 14:20:52
533
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人