- 博客(134)
- 收藏
- 关注
RSS订阅
原创 Vue2移动端（H5项目）项目基于vant封装图片上传组件（支持批量上传、单个上传、回显、删除、预览、最大上传数等功能）---解决批量上传问题
Vue2移动端（H5项目）项目基于vant封装图片上传组件（支持批量上传、单个上传、回显、删除、预览、最大上传数等功能）
2024-08-16 13:24:48
1284
2
原创 基于Vue3+Vite4+Ts+微前端qiankun搭建Vue3主应用并实现主子应用切换(新增主子应用通信、在线地址)
基于Vue3+Vite4+Ts+微前端qiankun搭建Vue3主应用并实现主子应用切换;新增主子应用通信、在线地址
2024-07-05 11:47:21
3601
3
原创 前端代码审查（Code Review）---具体实践规范会持续更新（新增Vite基础组件全局注册方式）
前端代码审查（Code Review）---具体实践规范会持续更新
2024-01-26 18:09:45
3337
2
原创 Vue 基础组件二次封装的高级技巧及方法,能更优雅的进行二次封装组件（Vue3组件封装--继承第三方组件的Methods方法）
Vue 基础组件二次封装的高级技巧及方法,能更优雅的进行二次封装组件（props 属性和 event 事件的透传、子组件插槽暴露、第三方组件方法继承）Vue3组件封装--继承第三方组件的Methods方法
2023-05-31 18:04:59
9987
5
原创 Vue3.2 + TypeScript + Pinia + Vite4 + Element-Plus + 微前端（qiankun）后台管理系统模板（已开源---新增T-ui-plus超级表格demo）
Vue3.2 + TypeScript + Pinia + Vite4 + Element-Plus + 微前端（qiankun） 后台管理系统模板（已开源）vue3+vite项目；Vue3项目；后台管理系统，脚手架模板，开箱即用，登录页面重写及新增fastmock接口，新增大屏页面；新增菜单及按钮权限控制；EasyMock；fastMock
2023-04-20 16:49:12
3712
原创 Vue2自己封装的基础组件库或基于Element-ui再次封装的基础组件库，如何发布到npm并使用（支持全局或按需引入使用），超详细
Vue2自己封装的基础组件库或基于Element-ui再次封装的基础组件库，如何发布到npm并使用（支持全局或按需引入使用），超详细
2023-03-24 13:38:37
5936
3
原创 Vue3+Vite+Element-plus搭建组件库并使用Vitepress编辑组件库文档且发布到 npm并且部署 github pages（vitepress文档渲染.vue组件-推荐使用第二种）
Vue3 + Vite +Ts+Element-plus搭建组件库并使用Vitepress编辑组件库文档且发布到 npm并且部署 github pages;Vitepress编辑基于Element-plus再次封装的Vue3基础组件库文档弃用vitepress-theme-demoblock，使用自己封装的Demo组件
2023-02-07 10:30:36
10698
10
原创 vue+element-ui el-table组件二次封装（2024-08-19 TTabel组件新增多级表头编辑功能）
vue+element-ui的table组件二次封装（ TTable组件新增文档某列插槽渲染示例；新增所有功能动态效果图；TTable组件自定义表头弃用Table-column render-header属性改用插槽）TTable组件单元格编辑新增继承第三方组件事件传参；TTable组件按钮操作集成按钮权限 TTabel组件新增多级表头编辑功能；TTable组件实现虚拟滚动，解决数据量大页面卡顿问题;开启列设置时动态默认显示隐藏列
2020-02-24 16:52:33
15616
31
原创 解决qiankun微前端Vue2+Element-ui主应用跳转到Vue3+Element-plus子应用样式冲突问题
本文针对Vue2主应用与Vue3子应用使用不同Element UI版本导致的样式冲突问题，提供了两种解决方案。第一种是通过qiankun沙箱隔离样式，但效果有限。第二种是推荐方案，通过修改Vue3子应用中Element Plus的命名空间为"ep"来避免冲突，具体步骤包括：1）在App.vue和main.ts中配置新命名空间；2）创建SCSS变量文件定义新命名空间；3）配置构建工具全局引入SCSS；4）修改入口文件引入Element Plus的SCSS源文件。该方法能有效解决样式冲突问题
2025-10-24 13:48:44
524
2
原创 Vue移动端悬浮框显示，支持拖拽及点击传递
本文介绍了一个移动端悬浮框组件的实现方案，支持拖拽和点击跳转功能。组件封装了可见性、尺寸、文字、层级等参数配置，并通过touch事件实现拖拽功能，包含边界检测防止拖出屏幕。代码使用Vue实现，包含模板、逻辑和样式部分，支持自定义样式和事件回调。组件可灵活配置尺寸、位置和显示内容，适用于需要在移动端添加可拖动悬浮按钮的场景。文章还提供了相关组件库文档链接，便于进一步扩展使用。
2025-07-31 14:42:07
1100
原创 uniapp微信小程序vue3封装时间段范围选择组件
【摘要】本文介绍了一个自制的uni-app时间段选择组件TTimeRange，弥补了uni-ui缺少时间段选择功能的不足。组件支持选择起始和结束时间，包含时间有效性校验（自动交换不合理的时间顺序），提供确认、取消和清空功能。通过picker-view实现时间滚动选择界面，支持双向数据绑定和事件回调。组件样式采用固定定位布局，包含半透明遮罩层，代码简洁实用，适用于需要选择时间段的业务场景。
2025-07-15 17:50:35
528
原创 uniapp 微信小程序Vue3项目使用内置组件movable-area封装悬浮可拖拽按钮（拖拽结束时自动吸附到最近的屏幕边缘）
本文介绍了一个可拖拽悬浮按钮组件的实现方案，基于uniapp的movable-area和movable-view组件开发。该组件具有以下特点：1) 初始位置在屏幕右下角；2) 支持全方向拖拽移动；3) 拖拽结束时自动吸附到最近的屏幕边缘；4) 通过防抖处理优化拖动性能；5) 可自定义按钮标题和点击事件。组件采用固定定位并优化了事件穿透问题，适合作为全局悬浮功能按钮使用。源码包含完整的模板、脚本和样式实现，可直接集成到uniapp项目中。
2025-07-15 14:18:38
845
原创 Vue移动端项目二次封装原生table组件,支持表头/数据动态配置（支持多级表头、排序）；作用域插槽、render函数渲染某列数据等功能，任何端都可以通用
本文介绍了TTable组件的实现，这是一个基于Vue的表格组件。组件支持可配置的表头(columns)和数据源(data)，提供max-height固定表头、高度调节(height)等功能。表格支持render函数和插槽(slot)两种自定义内容方式，并内置了行点击事件(rowClick)。源码实现包含表头固定、数据渲染、空状态显示等核心功能，采用sticky定位实现表头固定效果。组件设计简洁，支持响应式布局，适合在Vue项目中快速构建数据表格功能。
2025-06-27 10:00:00
734
原创 uniapp微信小程序基于wu-input二次封装TInput组件(支持点击下拉选择、支持整数、电话、小数、身份证、小数点位数控制功能)
uniapp微信小程序基于wu-input二次封装TInput组件(支持点击下拉选择、支持整数、电话、小数、身份证、小数点位数控制功能)
2025-04-08 13:36:57
1059
原创 Vue2移动端（H5项目）项目封装switch组件支持动态设置开启关闭背景色、值及组件内显示文字描述、禁用、switch 的宽度
Vue2移动端（H5项目）项目封装switch组件支持动态设置开启关闭背景色、值及组件内显示文字描述、禁用、switch 的宽度
2025-01-07 17:53:17
854
原创 Vue3 + element-plus el-table二次封装组件新增虚拟滚动功能
Vue3 + element-plus el-table二次封装组件新增虚拟滚动功能
2024-09-27 14:58:24
2134
原创 vue3+Element-plus el-input 输入框组件二次封装（支持金额、整数、电话、小数、身份证、小数点位数控制，金额显示中文提示等功能）
vue3+Element-plus el-input 输入框组件二次封装（支持金额、整数、电话、小数、身份证、小数点位数控制，金额显示中文提示等功能）
2024-09-20 15:47:14
2629
1
原创 Vue移动端（H5项目或uniapp小程序）项目封装form表单校验组件（支持required必填、min/max最大最小长度、pattern正则、validator事件校验规则）
Vue2移动端（H5项目）项目封装form表单校验组件（支持required必填、min/max最大最小长度、pattern正则、validator事件校验规则）
2024-08-21 10:15:00
1244
2
原创 解决Vue2移动端（H5）项目，手机打开项目侧滑或者按物理返回键，始终是走this.$router.go(-1)
解决Vue2移动端（H5）项目，手机打开项目侧滑或者按物理返回键，始终是走this.$router.go(-1)
2024-08-16 13:39:28
1125
原创 Vue2移动端（H5项目）项目基于vant实现select单选（支持搜索、回显、自定义下拉label展示功能）
Vue2移动端（H5项目）项目基于vant实现select单选（支持搜索、回显、自定义下拉label展示功能）
2024-08-15 16:04:49
1640
原创 vue+element-ui的列表查询条件/筛选条件太多以下拉选择方式动态添加条件（支持全选、反选、清空）
vue+element-ui的列表查询条件/筛选条件太多以下拉选择方式动态添加条件（支持全选、反选、清空）
2024-07-30 16:12:41
1654
原创 uni-app微信小程序动态切换tabBar，根据不同用户角色展示不同的tabBar
uni-app微信小程序动态切换tabBar，根据不同用户角色展示不同的tabBar
2024-05-24 11:49:26
5464
5
原创 uniapp微信小程序使用vscode代替HBuilderX开发uniapp微信小程序并且vscode改动代码微信开发者工具能实时更新
uniapp微信小程序使用vscode代替HBuilderX开发uniapp微信小程序并且vscode改动代码微信开发者工具能实时更新；解决Vs Code 出现`类型“{ class: string; }”的参数不能赋给类型`错误
2024-05-16 11:58:53
8617
4
原创 Vue 移动端（H5）项目怎么实现页面缓存（即列表页面进入详情返回后列表页面缓存且还原页面滚动条位置）keep-alive缓存及清除keep-alive缓存
Vue 移动端（H5）项目怎么实现页面缓存（即列表页面进入详情返回后列表页面缓存且还原页面滚动条位置）keep-alive缓存及清除keep-alive缓存
2024-04-10 14:06:05
3012
原创 微信小程序app.js的onLaunch执行完之后再执行Page的onLoad & 小程序onLaunch和onLoad执行顺序
微信小程序app.js的onLaunch执行完之后再执行Page的onLoad & 小程序onLaunch和onLoad执行顺序
2024-03-04 17:39:47
2767
原创 微信公众号授权登录Vue H5项目并指定跳转到某一个页面进行操作（即通过微信授权登录获取url上的code，调用后台接口获取access_token）
微信公众号授权登录Vue H5项目并指定跳转到某一个页面进行操作（即通过微信授权登录获取url上的code，调用后台接口获取access_token）
2024-02-29 11:43:20
2869
原创 解决原生微信小程序获取关联公众号的code（不是wx.login的code）来获取公众号的openId
解决原生微信小程序获取关联公众号的code（不是wx.login的code）来获取公众号的openId;通过web-view跳转Vue H5中转页面的方式获取微信公众号的openId
2024-01-11 13:28:18
2468
原创 原生微信小程序如何动态修改svg图片颜色及尺寸、宽高（封装svgIcon组件）解决ios不显示问题
原生微信小程序如何动态修改svg图片颜色及尺寸、宽高（封装svgIcon组件），解决ios不显示
2024-01-05 16:52:24
3071
1
原创 Vue H5项目，怎么引入uni.webview sdk，调用uni postMessage实现手机蓝牙连接打印功能（uniapp）
Vue H5项目，怎么引入uni.webview sdk，调用uni postMessage实现手机蓝牙连接打印功能（uniapp）
2023-12-11 18:04:29
2414
1
原创 Vue2移动端（H5项目）项目基于vant实现select多选（支持全选、搜索、反选，最大选择数、回显等功能）
Vue2移动端（H5项目）项目基于vant实现select多选（支持全选、模糊搜索、反选，最大选择数等功能）
2023-12-06 16:38:17
3730
原创 Vue H5项目，怎么引入uni.webview sdk，调用uni postMessage实现手机扫描功能
Vue H5项目，怎么引入uni.webview sdk，调用uni postMessage实现手机扫描功能
2023-12-05 15:28:08
3619
1
原创 Vue项目解决van-calendar 打开下拉框显示空白（白色），需滑动一下屏幕，才可正常显示
Vue项目解决van-calendar 显示白色空白，需滑动一下屏幕，才可正常显示
2023-11-30 11:18:48
1920
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人