自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 一个接口,同一页面调用多次,Promise.all

我刚开始使用for循环去便利调用请求,但是这样需要一个接口调用成功后才能再次调用,所以这里就用到Promise.all。字典:同一接口,同一页面中,需要根据多个类型,调用同一接口多次 并赋值。

2025-02-28 16:43:14 242

转载 Vue3 -- 基于Vue3+TS+Vite项目【项目搭建及初始化】

本文章转载自博主:幸运小圣兼容性注意:需要 Node.js 版本 18+ 或 20+。然而,有些模板需要依赖更高的这里我用的node版本是 v18.20.2。

2025-02-17 17:39:59 125

原创 ESLint的卸载和重新安装

执行完代码安装后,发现生成的配置文件 eslint.config.js 代码如下,而且export default 后报红。原因好像是因为 eslint@9.0.0 之后的版本都是使用了 prettier+eslint 来配置的,我这里是在创建项目vue3+ts的时候下载了最新版的 eslint@9.20.0。我这里还是用旧版本,因为新版本太麻烦了。

2025-02-17 16:14:21 446

原创 修改node_modules源码后该如何在测试和生产同步

修改完node_modules中的xlsx-style下的文件后,将修改后的依赖xlsx-style copy到新建的node_modules_replace -> node_modules中。其中change-nodules.js 的作用就是将修改后的依赖放到本地,下次下载依赖的时候进行替换。这篇文章合并单元格后行高设置不生效修改源码node_modules。到这里之后,还要注意测试环境和生产环境的打包。

2025-02-13 17:09:57 307

原创 npm 镜像

如果需要换回原来的 npm 则。npm 国外资源下载过慢。

2025-01-08 14:03:03 176

原创 可拖动进度条 progress

这里我使用到表格中,表格中选择责任部门,对应的部门责任比例。(代码中有部分代码有问题,提取自己有用的代码即可)项目中使用到百分比比例的进度条。下面的是进度条的组件。

2024-12-20 10:17:45 192

原创 el-cascader 级联 隐藏第一列勾选,得到对应的 label

另外,获取对应的label handleChange() 目前没有好的解决办法。注意:popperClass="talent-cascader" 要加上类名。checkStrictly: true, 的时候将第一列的勾选框隐藏掉。

2024-12-17 11:29:36 363

原创 el-table + el-form 表格中设置必填项

将 table 表格中数据放到 form 表单中,点击保存的时候对表格中必填项进行校验。下一步就是在提交的时候对表单中的表格必填项进行校验。将table表格数据放到form表单中。

2024-12-17 10:55:56 503

原创 el-select中获取label值

【代码】el-select中获取label值。

2024-11-30 21:14:57 1165

原创 前端获取当前时间年月日,时分秒

我这里选择的是 moment.js 来进行获取的。安装完依赖之后,全局注册。安装完后在页面中使用。

2024-11-25 16:20:58 446

原创 关于树形结构的编辑,提交,删除,新增同级,子级操作

使用时注意将确定按钮调用接口,这里我有一部分是调用接口,还有部分是直接在本地修改的,会自动展示,但是没有调用接口。记得提交和编辑的时候调用接口。结合了element-UI的el-tree,这里我拿部门树来举例。我把这个部门树封装成一个组件了,可以直接拿来使用的。这里的新增和编辑是直接在树形里变为弹框来进行直接操作的,没有弹框,整个操作都在树形结构中进行完成。以上代码有部分多余,待完善,但是基本功能都是可以的,本人已验证过。

2024-11-25 10:34:11 405

原创 Excel表格的导入导出,vue + xlsx + xlsx-style 导出带样式

按钮 导入 导出 excel文件

2024-09-15 16:53:54 574

原创 自定义指令 el-select分页懒加载

自定义指令 el-select分页懒加载

2024-05-23 10:04:14 439 1

原创 不规则table表格th,td可编辑

给表格中添加 :contenteditable="!isEdit" ,isEdit默认为false。如果部分单元格中不需要可输入,可以单独设置 :contenteditable="isEdit"在项目中需要类似自由报表的单元格如下。如若想要每个单元格都可输入,则如下。

2024-05-13 08:14:10 324

原创 nvm 安装 控制 node 版本

快速安装node版本控制工具nvm

2024-05-08 14:59:38 428 1

原创 vue 批量导出Excel

这里假设你使用POST请求从服务器获取包含Excel文件内容的二进制流,并且返回的数据类型是。当用户点击下载链接时,浏览器将会下载保存为.xlsx格式的Excel文件。同样地,为了将二进制数据保存为一个 .xlsx 格式的文件,你需要使用。对象创建一个Blob实例,指定数据类型为Excel文件的MIME类型。,以确保保存的文件为.xlsx格式的Excel文件。(即xlsx格式的Excel文件)。根据实际情况,请确保。函数将Blob保存为指定的文件名,并将文件名设置为。中包含了正确的Excel文件内容。

2023-11-01 15:34:38 175

原创 vue项目中对所有页面or单个页面进行水印的添加

先引入上面的js文件,部分水印内容及设置可在showMark()中进行修改,js文件中的设置更多,可自取。由于项目需要项目中的“首页”需要水印 注:甲方需求。我这里是只要跳出这个页面就销毁了这个组件,比较耗费性能。将这个js文件放入utils文件夹中。

2023-09-06 16:32:43 1419 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除