- 博客(51)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 基于ant-design的table组件rowSpan、colSpan的行列合并
本文介绍了如何实现表格行合并功能，重点讲解了合并规则和实现方法。关键点包括：1)通过colSpan和rowSpan控制合并；2)使用customCell返回合并配置；3)将相同数据分组后计算合并行数；4)生成合并配置并应用到列定义。提供了完整代码示例，展示了按名称分组后实现多行合并的效果，最终呈现了行合并后的表格展示效果。
2025-11-27 17:56:26
172
原创 ant-design中table组件的rowKey、customRow、rowSelection属性的用法
本文介绍了表格组件的三个关键功能：1）rowKey用于设置行数据的唯一标识；2）customRow支持自定义行样式和事件处理；3）rowSelection提供行选择功能，包括设置默认选中项、禁用特定行选择以及清空选中项。通过代码示例和效果图展示了各功能的实现方式，帮助开发者灵活配置表格交互行为。
2025-11-26 16:53:29
136
原创 vue3中基于AntDesign的Form嵌套表单的校验
本文介绍了在Vue组件中实现父子表单联动校验的方法。子组件通过defineExpose暴露异步校验方法validateForm，使用Promise封装表单验证结果。父组件通过ref获取子组件实例，调用其校验方法，并利用await-to-js库处理异步校验结果。最终通过判断两个表单的校验结果决定是否执行提交逻辑，实现了主表单和组件表单的协同校验机制。这种解耦设计既保持了组件独立性，又实现了表单联动验证功能。
2025-11-13 17:06:50
275
原创 在组件外(.js文件)中使用pinia的方法2--在http.js中使用pinia
本文介绍了使用Pinia管理全局loading状态的解决方案。通过创建loading.js存储模块，定义isLoading状态和请求计数逻辑；在http拦截器中调用store方法控制loading显示；最后在App.vue中绑定状态到全局加载组件。该方案避免了动态值存储问题，且不影响数据持久化插件，实现了请求过程中自动显示/隐藏loading的效果。关键点包括：1）使用requestCount计数确保多个请求时的正确状态；2）需要在Vue应用初始化后正确加载store；3）提供resetLoading方法确
2025-11-13 16:01:51
279
原创 vue2中使用xgplayer播放流视频
XGPlayer播放器使用注意事项：安装后若无法播放，需将依赖版本降为"xgplayer-hls": "2.2.2"和"xgplayer": "2.31.6"。使用步骤包括：1)引入相关库；2)初始化播放器配置参数；3)通过destroy()方法销毁实例。该播放器支持HLS流媒体、自动播放、截图等功能，适用于网页视频播放场景。当遇到播放问题时，版本兼容性是首要排查点。
2025-07-09 15:35:14
486
原创 基于vue+View UI的组织机构选择
摘要：该代码实现了一个基于Vue.js的组织机构树形选择组件，包含左侧树形选择区和右侧已选项展示区。主要功能包括：1)通过树形复选框选择项目；2)实时搜索过滤树节点；3)显示已选项并可删除；4)支持父子节点联动选择。组件采用Modal弹窗形式，使用iView UI库的Tree、Button、Modal等组件，实现了完整的树形数据选择交互流程。
2025-06-30 18:27:42
238
原创 vue中proxy代理配置(测试二)
接口地址：https://ss.dd.dd.d.cn:9006/thirdist/portalApi/biz-api/eemp/supervision/v1/supervisonCount/getPeiCountData?（3）请求get(‘/api/thirdist/portalApi/…（3）请求get(‘/api/thirdist/portalApi/…（2）proxy为 ‘/api’：’ /api’（2）proxy为 ‘/api’：’ /api’（2）proxy为 ‘/api’：’ ’
2024-12-24 19:14:27
610
原创 vue中proxy代理配置(测试一)
（1）设置baseURL为 ‘http://jsonplaceholder.typicode.com’（2）proxy为 ‘/posts’：’ /posts’（2）proxy为 ‘/api’：’ /api’（2）proxy为 ‘/api’：’ /api’（3）请求get(‘/api/posts’)（3）请求get(‘/api/posts’)（3）请求get(‘/api/posts’)（2）proxy为 ‘/api’：’ ’（2）proxy为 ‘/api’：’ ’（1）设置baseURL为 ‘/’
2024-12-24 19:09:26
599
原创 Vue 3 + Vite 基于vite-plugin-html的多模板打包，生成多个项目
1、安装 vite-plugin-html。3、配置vite.config.js。
2024-08-30 19:48:38
974
原创 vue3中vite基于vite-plugin-html的多入口打包
1、安装vite-plugin-html。3、配置vite.config.js。
2024-08-30 19:25:33
1723
原创 Element Plus的el-carousel走马灯平铺多张图片
【代码】Element Plus的el-carousel走马灯平铺多张图片。
2024-08-14 17:24:08
1149
原创 linux+springboot+nginx转rtsp流为hls流
1、基本逻辑为前端请求时获取新的rtsp流地址，调用一次rtsp2Hls转码方法，将生成新的hls切片文件（不用考虑旧文件，将会覆盖），转码时先停止当前转码线程，再创建新的线程。2、线程监控：开启一个定时任务，每10分钟查看一次，若有异常线程，则重新获取rtsp流地址进行转码，在晚上8点后则停止所有转码任务。1、下载(自定义版本：http://www.ffmpeg.org/releases/)#编译安装(默认安装在/usr/local/nginx)进入：/usr/local/nginx/sbin。
2024-07-25 16:32:50
1038
1
原创 vue项目cnpm i 报错
报错内容：Install fail! TypeError: Cannot convert undefined or null to objectnpminstall version: 3.28.1npminstall args: C:\Program Files\nodejs\node.exe C:\Users\user\AppData\Roaming\nvm\v12.4.0\node_modules\cnpm\node_modules\npminstall\bin\install.js --fix-
2024-06-18 11:12:54
744
原创 Vue3.0使用keep-alive实现列表页跳转到详情页，再返回列表页时分页保持不变
先判断isBack的状态，如果为false,则说明当前不是从详情页进来的（可能从其他菜单或则编辑页进入，需要更新数据），就更新列表数据（自己的列表数据逻辑，并将分页设为1），之后将isBack设置为false。问题：1、列表页进入详情页，再从详情页返回时，列表页不刷新，即列表当前分页为第二页时，点击进入详情页，再从点击返回按钮，返回到列表页时，列表页保持在第二页。进入列表时，先判断是不是从详情页进入的，如果是，则将isBack设为true。2、列表页进入编辑页，再从编辑页返回时，列表页刷新。
2024-04-10 17:11:26
1757
原创 Vue2.0使用keep-alive实现列表页跳转到详情页，再返回列表页时分页保持不变
先判断isBack的状态，如果为false,则说明当前不是从详情页进来的（可能从其他菜单或则编辑页进入，需要更新数据），就更新列表数据（自己的列表数据逻辑，并将分页设为1），之后将isBack设置为false。问题：1、列表页进入详情页，再从详情页返回时，列表页不刷新，即列表当前分页为第二页时，点击进入详情页，再从点击返回按钮，返回到列表页时，列表页保持在第二页。进入列表时，先判断是不是从详情页进入的，如果是，则将isBack设为true。2、列表页进入编辑页，再从编辑页返回时，列表页刷新。
2024-04-10 16:53:43
989
原创 day.js实战
项目中对时间格式化是最常见的场景，dayjs返回的是dayjs对象，需要通过。通过.isValid()验证传入的参数是否能被解析成一个时间日期。这表示 Day.js 对象是否在另一个提供的日期时间之前。这表示 Day.js 对象是否和另一个提供的日期时间相同。这表示 Day.js 对象是否在另一个提供的日期时间之后。day.js解析传入的参数，并返回Day.js对象。返回增加一定时间的复制的 Day.js 对象。返回减去一定时间的复制的 Day.js 对象。查询 Day.js 对象的年份是否是闰年。
2024-02-01 16:30:24
904
原创 基于最新 pdf.js 在 Vue3 中预览pdf的方法
1、安装pdfjs-dist。2、将包放到public中。1、下载 pdf.js。
2024-01-17 10:01:05
4909
2
原创 在组件外(.js文件)中使用pinia的方法
摘要：本文解决了在封装HTTP请求中使用Pinia时出现的"getActivePinia()"未激活错误。原因是在使用Pinia前未完成注册。解决方案分三步：1）在stores目录新建index.js创建Pinia实例；2）在main.js中引入并注册Pinia；3）在HTTP封装文件中引入Pinia并传入store使用。通过提前创建和注册Pinia实例，解决了组件外使用store时的激活问题。该方法适用于Vue3项目中Pinia的组件外使用场景。
2024-01-10 11:04:40
5307
5
原创 uniapp文件上传
通过uni-file-picker 组件得到要上传的文件fileList。一、uni-file-picker 组件。二、uni.uploadFile api。3、基于fasdfs的图片回显。
2023-12-06 18:57:57
3580
2
原创 解决vue列表页跳转到详情页，返回列表页时不刷新、保持原来的状态的方法
先判断isBack的状态，如果为false,则说明当前不是从详情页进来的（可能从其他菜单或则编辑页进入，需要更新数据），就更新列表数据（自己的列表数据逻辑，并将分页设为1），之后将isBack设置为false。1、列表页进入详情页，再从详情页返回时，列表页不刷新，比如列表当前分页为第二页，点击进入详情页，再从点击返回按钮，返回到列表页时，列表页保持在第二页。2、列表页进入编辑页，再从编辑页返回时，列表页刷新。3、从其他菜单进入列表页时，列表页刷新。
2023-11-27 16:49:55
6860
1
原创 基于iview封装的tree组件、checkbox组件的穿梭框组件
【代码】基于iview封装的tree组件、checkbox组件的穿梭框组件。
2023-11-27 10:34:35
666
1
2019年11月份高级信息系统项目管理师考试葵花宝典之金色题库、考点汇编暨案例论文解析、历年真题分类详细解析(三本，完整).zip
2019-09-17
2019年11月信息系统项目管理师重点难点暨真题解析--必学资料.zip
2019-09-17
springboot+neo4j（完整demo，下载可用）
2019-04-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人