- 博客(43)
- 收藏
- 关注
RSS订阅原创 输入框仅支持英文、特殊符号、全角自动转半角 vue3
需求：封装一个输入框组件1.只能输入英文。2.输入的小写英文自动转大写。3.输入的全角特殊符号自动转半角特殊字符。
2025-04-22 15:46:36
272
原创 vue3实现报销单 连接打印机打印A5报销单
最近开发了一个新需求，目的是通过前端实现一个A5格式的报销单，并要求每张报销单上展示最多4条数据。如果数据条目超过4条，就需要进行分页。举个例子，如果总共有10条数据，系统将会自动生成3张报销单，其中前两张会展示4条数据，最后一张展示剩余的3条数据。这样可以确保每张报销单的显示条数符合规范，同时避免数据过多而导致的排版问题。
2025-03-12 11:36:03
268
原创 vue3 指定元素全屏 screenfull(可直接粘贴使用)
由于输入的文字较多，需要将输入框进行全屏展示，方便输入和查看！指定元素全屏Vue3
2024-09-11 11:31:37
1050
原创 el-table setCurrentRow会触发current-change函数 解决方案
el-table setCurrentRow会触发current-change函数 解决方案。
2024-09-06 17:34:31
957
原创 Vue3自定义封装音频播放组件（带拖拽进度条）
该款自定义组件可作为音频、视频播放的进度条，用于控制音频、视频的播放进度、暂停开始、拖拽进度条拓展性极高。
2024-05-10 17:07:08
1532
2
原创 Vue自定义封装音频播放组件（带拖拽进度条）
该款自定义组件可作为音频、视频播放的进度条，用于控制音频、视频的播放进度、暂停开始、拖拽进度条拓展性极高。
2024-05-09 09:50:21
1429
2
原创 vue使用SVG矢量图
SVG（Scalable Vector Graphics，可缩放矢量图形）是一种使用 XML 标记语言描述二维图形和图形应用的开放标准，其核心特性是可缩放性，即使放大缩小都不会失去清晰度和质量。与其他图像格式（如 PNG、JPEG 等）不同，SVG 是通过描述图形、线条、颜色等元素来构建完整的矢量图形，而不是像其他格式那样基于像素图（位图）的。可编辑性：SVG 可以轻松地编辑，并且可以使用 CSS 直接修改其样式。可缩放性：SVG 可以在不失真或模糊的情况下进行任意大小的缩放。改完配置后需要重启项目。
2023-06-19 16:44:52
1273
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
619
原创 vue实现icon刷新动画
点击icon图标，旋转360度实现刷新动画效果实现 第二种实现Ant Design Vue刷新动画不管是elementUI和Ant Design Vue组件库，两者逻辑都是一样的，根据不同的css样式来进行旋转效果更多效果可以参考菜鸟教程...
2022-06-22 14:43:31
2176
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
2417
原创 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
4664
原创 Vue 文件上传至oss
为什么使用对象存储OSS很多企业的文件上传下载都是通过文件流的形式进行上传下载的，需要后端配合，对服务器压力很大，而且高消费，对公司损失太大，我们选择使用oss将尽可能地缩小成本，以及对网站及逆行大幅度提升使用对象存储OSS改变了什么网站数据动静分离，大幅提升网页性能 单独的文件管理界面，管理网站文件和本地电脑一样高效率方便使用 成本低，资源弹性伸缩，按需付费什么是对象存储OSS阿里云对象存储OSS（Object Storage Service）是一款海量、安全、低成本、高可靠的云存储
2022-05-10 12:16:40
2598
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
1171
原创 GIT常用命令及应用场景
Git为什么要去管理代码？ 我们就会通过很多工具进行代码管理。 包括可以查看历史记录，可以解决代码冲突问题。我们在公司中管理代码的工具都有哪些？？？git(14年左右出现)SVN（小乌龟）SVN是subversion的缩写，是一个开放源代码的版本控制系统，通过采用分支管理系统的高效管理，简而言之就是用于多个人共同开发同一个项目，实现共享资源，实现最终集中式的管理。1.版本的概念(1)初指一种书籍经过多次传抄、刻印或以其他方式而形成的各种不同本子。随着时代的发展，版本也开始应用
2022-04-21 10:03:33
320
原创 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
3525
原创 省市区三级联动(v-region)
最新有一个需求是要求写省市区的，也好久没有写这个了，有现成的轮子我觉得就直接用轮子，省时间，可以多学一些自己感兴趣的领域，话不多说，开始操作，先看效果图，轮子为VUE Componenthttps://terryz.gitee.io/vue/#/region/demo......
2022-01-07 11:17:00
1700
4
原创 批量导入及日志下载
新需求 新需求，要求模板下载以及批量导入，日志下载，以及对表格的单元格进行样式追加先看效果，两个按钮还是按照步骤走，如果走不通请私信我批量导入的按钮事件走起(套用了element的el-table组件) <el-upload class="upload-demo" action="#" :file-list="fileList" :auto-uplo.
2021-12-28 18:33:35
537
原创 ElementUI中el-table组件自定义设置单元格样式
最近遇到一个需求，后台返回的数据中有一个错误的数组，我们需要给错误数组中的数据用自定义样式用红框给框起来，且看如下效果！！！先看效果图开始上才艺：跟着步骤走看elementUI官网解释，如果设置单元格需要cell-style属性 引入element的el-table组件，并且引入axios（数据是后台给的，所以要用到axios） 看代码： <el-table :data="tableData" style="width: 100%" ...
2021-12-28 17:55:08
8469
3
原创 vue3 引入Vant组件库
最近在学习vue3.0，引入Vant组件库时，遇到一些问题，所以在vue3中不要按照vue2的格式去引入组件库，不然容易出现错误。目前Vant 3 是基于Vue3 开发的，在使用 Vant 3 前，请将项目中的 Vue 升级到 3.0 以上版本。错误示例import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'...
2021-12-25 16:53:52
3289
1
原创 VUE 后台返回文件流，前端实现模板下载
最新再写一个批量导入，模板下载的功能，今天就总结一下模板下载的功能效果，有一些博主说用a标签去下载，form表单去下载，这些针对我做的效果可能不是很理想，所以我就自己研究做了出来，希望可以帮到各位，话不多说，看代码；由于不想写样式，就直接借用的ElementUI跟着我的步骤走：（批量导入的链接：）先看下效果图： 【图片】【图片】【图片】 点击事件 <el-button type="primary" plain size="mini" @click="handleDown">.
2021-12-21 20:33:38
1114
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人