- 博客(46)
- 收藏
- 关注
RSS订阅原创 封装一个支持动态表头与权限控制的通用 VxeTable 组件
项目背景基础需求： 我这边的需求是要把表格的表头设置为动态的情况、并且允许默写列进行显示隐藏、冻结、排序、默认某几项进行禁止取消勾选。在这个基础需求上需要兼容按钮权限、以及每一个单元格内的点击事件和toolbar的按钮动态禁止功能动态表头配置不同角色、不同场景下，用户对字段的关注点不同，需支持运行时动态调整表头结构，包括列的显示/隐藏、顺序调整、宽度记忆等。精细化列控制允许部分业务列（如“备注”“标签”）被用户自由隐藏；
2025-11-28 15:49:39
848
原创 AI 对话实现打字机效果 Vue3 setup
本文介绍了如何实现AI对话页面的打字机效果。通过setInterval逐字显示AI的最后一条回复，而历史记录则直接显示完整内容。代码展示了聊天窗口的数据绑定、样式处理和核心的typeEffect函数实现，该函数以100毫秒间隔更新文字，并支持完成后回调。关键点包括：仅对AI最后回复应用打字效果、响应式更新消息数组、以及发送消息时的状态管理。整体方案简洁高效，适用于类似ChatGPT的交互场景。
2025-07-10 15:30:02
434
原创 输入框仅支持英文、特殊符号、全角自动转半角 vue3
需求：封装一个输入框组件1.只能输入英文。2.输入的小写英文自动转大写。3.输入的全角特殊符号自动转半角特殊字符。
2025-04-22 15:46:36
409
原创 vue3实现报销单 连接打印机打印A5报销单
最近开发了一个新需求，目的是通过前端实现一个A5格式的报销单，并要求每张报销单上展示最多4条数据。如果数据条目超过4条，就需要进行分页。举个例子，如果总共有10条数据，系统将会自动生成3张报销单，其中前两张会展示4条数据，最后一张展示剩余的3条数据。这样可以确保每张报销单的显示条数符合规范，同时避免数据过多而导致的排版问题。
2025-03-12 11:36:03
366
原创 vue3 指定元素全屏 screenfull(可直接粘贴使用)
由于输入的文字较多，需要将输入框进行全屏展示，方便输入和查看！指定元素全屏Vue3
2024-09-11 11:31:37
1256
原创 el-table setCurrentRow会触发current-change函数 解决方案
el-table setCurrentRow会触发current-change函数 解决方案。
2024-09-06 17:34:31
1193
原创 Vue3自定义封装音频播放组件（带拖拽进度条）
该款自定义组件可作为音频、视频播放的进度条，用于控制音频、视频的播放进度、暂停开始、拖拽进度条拓展性极高。
2024-05-10 17:07:08
1736
2
原创 Vue自定义封装音频播放组件（带拖拽进度条）
该款自定义组件可作为音频、视频播放的进度条，用于控制音频、视频的播放进度、暂停开始、拖拽进度条拓展性极高。
2024-05-09 09:50:21
1604
2
原创 vue使用SVG矢量图
SVG（Scalable Vector Graphics，可缩放矢量图形）是一种使用 XML 标记语言描述二维图形和图形应用的开放标准，其核心特性是可缩放性，即使放大缩小都不会失去清晰度和质量。与其他图像格式（如 PNG、JPEG 等）不同，SVG 是通过描述图形、线条、颜色等元素来构建完整的矢量图形，而不是像其他格式那样基于像素图（位图）的。可编辑性：SVG 可以轻松地编辑，并且可以使用 CSS 直接修改其样式。可缩放性：SVG 可以在不失真或模糊的情况下进行任意大小的缩放。改完配置后需要重启项目。
2023-06-19 16:44:52
1372
1
原创 An index route cannot have child routes.
npm i react-router-dom@6 报错: Uncaught Error: An index route cannot have child routes.。
2022-11-14 17:48:12
655
原创 vue实现icon刷新动画
点击icon图标，旋转360度实现刷新动画效果实现 第二种实现Ant Design Vue刷新动画不管是elementUI和Ant Design Vue组件库，两者逻辑都是一样的，根据不同的css样式来进行旋转效果更多效果可以参考菜鸟教程...
2022-06-22 14:43:31
2315
2
原创 el-date-picker日期选择器
先看效果 给绑定事件change或blur事件具体看需求 <el-date-picker v-model="valuedate" size="small" type="datetimerange" align="right" value-format="timestamp" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:.
2022-05-18 17:54:43
2596
原创 Vscode设置用户代码片段
打开Vscode: 文件->首选项->用户片段 点击用户片段，选择vue.json或者新建全局代码片段文件 随后会打开一个json文件设置，可直接将以下代码粘贴复制到自己的文件中(步骤：ctrl+A->ctrl+C->ctrl+V),代码写在最下面了，可直接复制 配置的代码块代码 代码 { // Place your snippets for vue here. Each snippet is defined u..
2022-05-17 12:29:15
4703
原创 Vue 文件上传至oss
为什么使用对象存储OSS很多企业的文件上传下载都是通过文件流的形式进行上传下载的，需要后端配合，对服务器压力很大，而且高消费，对公司损失太大，我们选择使用oss将尽可能地缩小成本，以及对网站及逆行大幅度提升使用对象存储OSS改变了什么网站数据动静分离，大幅提升网页性能 单独的文件管理界面，管理网站文件和本地电脑一样高效率方便使用 成本低，资源弹性伸缩，按需付费什么是对象存储OSS阿里云对象存储OSS（Object Storage Service）是一款海量、安全、低成本、高可靠的云存储
2022-05-10 12:16:40
2658
3
原创 JS获取文件名及后缀
获取文件名 const str ='baidu.exe' // 定义一个字符串const aa = str.lastIndexOf('.') // 获取.对应的下标位置const bb = str.substring(aa+1) // 获取文件后缀名const cc = str.substring(0,aa) // 截取字符串，从0开始截取至.对应的下标位置 ...
2022-05-09 19:03:06
1209
原创 GIT常用命令及应用场景
Git为什么要去管理代码？ 我们就会通过很多工具进行代码管理。 包括可以查看历史记录，可以解决代码冲突问题。我们在公司中管理代码的工具都有哪些？？？git(14年左右出现)SVN（小乌龟）SVN是subversion的缩写，是一个开放源代码的版本控制系统，通过采用分支管理系统的高效管理，简而言之就是用于多个人共同开发同一个项目，实现共享资源，实现最终集中式的管理。1.版本的概念(1)初指一种书籍经过多次传抄、刻印或以其他方式而形成的各种不同本子。随着时代的发展，版本也开始应用
2022-04-21 10:03:33
369
原创 el-Select默认全选功能
引文： 最近要做一个默认全选的功能模块，我这里引用了elementUI组件库的select组件，用来实现我想要的效果。 先看下效果图 先在return里边定义我们from表单对象以及规则(可选) <el-form ref="form" model="form" :rules="rules" label-width="100px"> <el-form-item label="地址" prop="address"> &..
2022-04-12 15:25:53
3608
原创 省市区三级联动(v-region)
最新有一个需求是要求写省市区的，也好久没有写这个了，有现成的轮子我觉得就直接用轮子，省时间，可以多学一些自己感兴趣的领域，话不多说，开始操作，先看效果图，轮子为VUE Componenthttps://terryz.gitee.io/vue/#/region/demo......
2022-01-07 11:17:00
1736
4
原创 批量导入及日志下载
新需求 新需求，要求模板下载以及批量导入，日志下载，以及对表格的单元格进行样式追加先看效果，两个按钮还是按照步骤走，如果走不通请私信我批量导入的按钮事件走起(套用了element的el-table组件) <el-upload class="upload-demo" action="#" :file-list="fileList" :auto-uplo.
2021-12-28 18:33:35
571
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人