- 博客(26)
- 收藏
- 关注
RSS订阅原创 通过配置的方式二次封装element-plus-table
本文介绍了基于element-plus和vue3二次封装的Em-table组件配置方法。组件支持多种表格配置选项，包括表头名称(label)、字段(prop)、默认值(defaultValue)、自定义插槽(slotName)等，并提供字典映射、单元格合并、分页加载等功能。通过props传递配置参数，支持模板插槽自定义渲染内容，同时暴露了表格操作方法如setLoading、toggleSelection等。组件优化了表格展示效果，支持多行文本省略显示，并处理了滚动加载、选择变化等交互事件。封装后的表格组件可
2025-11-03 10:02:15
170
原创 通过配置的方式二次封装element-plus-form
本文介绍了一个基于element-plus和vue3的EM-form组件二次封装方案。该组件支持多种表单类型配置，包括slot插槽、select选择框、字典选项、级联选择等，并提供灵活的样式控制和验证规则设置。关键特性包括：1)支持8种表单类型；2)可自定义插槽和组件；3)集成数据字典功能；4)支持响应式布局和表单验证；5)提供自定义样式和禁用函数。通过配置json方式定义表单字段，简化了复杂表单的开发流程。组件采用composition API编写，支持双向数据绑定和事件触发，适用于需要快速构建复杂表单的
2025-11-03 09:47:19
192
原创 Uncaught (in promise) TypeError: Cannot convert object to primitive value 错误提示vue3+vite
1. 错误：Uncaught (in promise) TypeError: Cannot convert object to primitive value。1. 找到出现问题（即开始报错）的大文件， 直接注释，然后替换为模板，看是否报错。当前错误为服务端数组数据赋值给响应式数据导致的bug。将该数据设置为非响应式数据，然后接收即不在再报错。
2025-09-26 15:56:28
270
原创 让el-messageBox替代一些简单的el-dialog
本文介绍了一个基于Element Plus的弹窗封装工具messageBox，支持快速创建包含输入框和选择框的表单弹窗。该工具通过Promise方式返回用户输入数据，简化了简单表单场景的开发流程。实现原理是利用ElMessageBox结合h函数动态渲染表单组件，支持字段验证、标题设置等基础功能。同时提供了message、confirm、notification等常用消息提示方法的统一封装，可直接导入使用。作者强调对于简单表单场景，代码精简比过度封装更实用，该方案能有效减少模板代码量
2025-07-23 15:28:28
293
原创 关于Canvas-editor在vue3上的使用，可解决需求（部分可禁止编辑）
Canvas-editor是一款基于Canvas/SVG的富文本编辑器，虽然文档较简陋但功能强大灵活。在Vue3中可通过源码集成使用，无需npm安装。使用时需复制核心代码到项目中，配置初始化参数如背景色、页边距等选项，并处理相关引用报错。编辑器支持多种文本格式、表格、图片等元素，提供目录、页脚等可配置组件。实际应用中需针对项目需求进行适配优化，如调整宽度、颜色、自适应等问题，并修复原生事件绑定等bug。该编辑器适合需要高度定制化功能的项目场景。
2025-07-08 15:38:00
1723
6
原创 基于qiu-gantt封装的适用于某些业务场景的Gantt
**该代码由vue2转至vue3开发的， 代码中有旧vue2代码， 如果使用请简单修改， 当前图片示例为假数据，效果不是很明显， 请down下后修改为自己的数据。
2025-06-04 14:06:44
221
原创 解决项目打包后，或用ip访问项目 http请求自动代理成了https请求，导致项目无法正常访问资源 vue3+vite
问题本质： 在https页面中，如果调用了http资源，那么浏览器就会抛出一些错误。为了改变成这一状况，chrome(谷歌浏览器)会在http请求中加入 ‘Upgrade-Insecure-Requests: 1’ ，服务器收到请求后会返回 “Content-Security-Policy: upgrade-insecure-requests” 头，告诉浏览器，可以把所属本站的所有 http 连接升级为 https 连接。1. 检查项目中index.html中是否有。
2024-03-27 20:52:35
1308
原创 Jenkis部署前端项目配置(shell命令) --- 老头乐
shell命令脚本部署即是配置好jenkins后, 点击构建,jenkins将远端代码拉取到jenkins服务器本级目录下, 需要在jenkins目录下下载vue, node ,modoules环境才能打包成功, 最终通过命令将打包好的文件替换掉线上文件。配置完成后进行立即构建即可。
2023-03-28 08:58:58
807
原创 iframe父系统嵌入子系统,打包后子系统无法通过nginx访问的问题
iframe父系统嵌入子系统,打包后子系统无法通过nginx访问及相关问题
2022-12-09 10:04:54
1266
原创 git合并分支导致代码丢失问题，记录勉励自己
git代码丢失不要慌，只要你的代码经历过git add 基本都能找回来，之前代码合并时遇到代码丢失，切换回不到其他分支，一直提示“正在变基”解决方案：git 合并分支造成多余分支生成（1175c2f6...） head detached 是分支合并出现变基的问题1. git reflog ：查看所有分支的操作记录，找到丢失的代码提交分支(版本号,和近期提交的分支列表)2. git checkout （1175c2f6...） ： 切换到丢失代码的分支，找到代码并拷贝一份3. git b.
2022-01-08 16:48:41
3262
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人