KT553-CSDN博客

原创 Vue3项目使用element-plus中的el-table表格合并相同数据单元格(可指定列+自定义合并)

【代码】Vue3项目使用element-plus中的el-table表格合并相同数据单元格(可指定列+自定义合并)

2025-02-14 11:24:35 505

原创 Vue3项目el-table表格动态合并相同数据单元格(可指定列+自定义合并)

【代码】Vue3项目el-table表格动态合并相同数据单元格(可指定列+自定义合并)

2024-12-19 16:56:21 1548

原创 Vue3项目里面：前端做打印页面信息，实现打印功能，前端打印界面某个部分。

Vue3项目里面：前端做打印页面信息，实现打印功能，前端打印界面某个部分。

2024-12-05 16:32:58 2591

原创 vue项目：纯前端实现Word文档导出功能，一文搞定前端导出word文档，固定的word模板导出。

vue项目：纯前端实现Word文档导出功能，一文搞定前端导出word文档，固定的word模板导出

2024-12-05 11:00:43 1146

原创 vue项目：纯前端实现Word文档导出功能，使用第三方库生成word表格合并单元格导出手写复杂表格，并百分百还原word表格，一文搞定前端表格导出为word。

样式比较难调，我使用了行内样式，在标签上直接加style属性，样式单独拉出来不行，会没有效果，最好的方法就是写道行内样式，虽然比较冗余。其实博主用了好几个库，大多都是合并单元格的和样式难搞一些，这个还算是比较可控制的。毕竟是手撸table，反正是业务需求达到了。最好是utils目录下方便多次使用，文件名字随意，并把方法向外导出。你可以根据需要为表格添加样式，例如设置边框、背景色、字体大小等。纯前端手撸格式，只需要有数据就行。点击按钮的时候导出word。具体情况还是看需求哦。

2024-12-04 18:09:56 1894 2

原创 VUE项目：纯前端利用 xlsx-js-style 实现 Excel 文件导出功能示例

一般我们拿到的数据都是从接口中请求到的对象数组，在使用数据的时候，是需要转成二维数组。直接复制完整Demo代码即可查看效果，点击下载按钮会直接下载Excel表到本地。数据必须是这种格式，如果不是需要自己处理一下。

2024-11-25 17:37:30 481

原创 Vue3项目--使用vue3-pdf-app插件在预览PDF文件时设置中文

Vue3项目--使用vue3-pdf-app插件在预览PDF文件时设置中文

2024-09-09 10:35:47 3188

原创前端开发-移动端的适配如何实现

此时可以使用flexible.js，这是手机淘宝团队开发出的一个用来适配移动端的js框架，核心原理就是根据不同的视口宽度给网页中html根节点设置不同的font-size值。开发中，vw和vh不要混用，要么全用vw 要么全用vh，vh是1/100视口高度，全面屏视口高度尺寸大，如果混用可能会导致盒子变形。Flex布局/弹性布局：是一种浏览器提倡的布局模型，布局网页更简单、灵活，避免浮动脱标的问题，目前比较流行的一种方式。vw单位的尺寸 = px单位vh数值 / ( 1/100 视口宽度 )

2024-09-06 15:42:11 4494 1