- 博客(16)
- 收藏
- 关注
RSS订阅原创 Vue Ant Design Vue 树形表格行内编辑完整实现指南
Vue Ant Design Vue 树形表格行内编辑实现指南 摘要 本文详细介绍了如何基于Vue和Ant Design Vue实现树形表格的行内编辑功能。主要内容包括： 数据结构转换：将后端返回的扁平数据结构转换为前端所需的树形结构，同时注入编辑状态、聚焦状态等前端专用字段。 递归遍历算法：实现递归遍历所有节点的通用方法，支持批量操作、状态更新和数据校验，并支持提前终止遍历。 行内编辑实现：通过双击触发编辑状态，自动聚焦输入框，并在失焦时自动保存或校验数据。 该方案解决了树形数据展示与编辑的常见痛点，包括
2025-10-29 19:15:17
1078
原创 弹窗里面嵌入a-table时，它的操作列对不齐的问题
本文解决了ant-design-vue 1.4.12版本中，Vue2项目弹窗操作页面时固定列偶发对不齐的问题。通过监听数据加载完成事件，在接口返回数据后调用updateTableHeight方法，重新计算并统一设置表格左右固定列的行高。该方法通过DOM操作获取表格元素，动态调整表头和每行数据的高度，确保左右固定列与主体内容对齐。最终效果显示多次操作后表格布局保持正确，解决了固定列错位问题。关键点包括：1)使用$nextTick确保DOM更新完成；2)通过getComputedStyle获取实际高度；3)设置
2025-08-21 17:50:26
387
原创 vue 项目里面嵌套iframe，隐藏iframe里面的dom元素iframe里面页面跳转，vue页面监听不到load的问题
vue嵌套iframe，隐藏iframe里面的dom元素，iframe里面页面跳转返回操作之后，隐藏代码失效的原因
2022-10-14 14:08:37
4757
原创 JS下载或导出文件的三种方法
方案1使用axios请求后端接口// 假设在一个列表里面选中行，单个或多个，选中handleEmplabelExport (selectRow) { let employeeIds = selectRow.map(item => item.employeeId) let params = { employeeIds: employeeIds || null, ...this.searchForm } /* 下载方案1 */ axios({ method:
2022-02-22 10:04:38
1534
原创 钉钉H5微应用在IOS下载文件问题
钉钉H5微应用在IOS下载文件问题最近做的这个项目是钉钉的H5微应用，这个项目是脱胎于PC端的HR系统项目，里面有离职请假转正等流程，在离职流程发起的时候，需要上传附件，附件是可以上传excel、word、pdf、图片的，这些文件上传之后，在PC端组件使用的是el-upload，上传之后回显出来的文件名字点击是可以下载下来的，下载下来就可以查看，但是这几个流程在移动端审批的时候，想查看或者把文件下载下来就没那么容易了。首先是安卓在移动端代码里面，根据后端返回的path，直接使用window.locat
2021-10-08 11:53:50
6544
1
原创 MIME简介
在万维网中使用的HTTP协议中也使用了MIME的框架，标准被扩展为互联网媒体类型。MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名，以及一些媒体文件打开方式。背景多用途互联网邮件扩展，它是一个互联网标准，在1992年最早应用于电子邮件系统，但后来也应用到浏览器。服务器会将它们发送的多媒体数
2021-07-04 00:17:02
281
原创 单页Web应用
1.单页Web应用（single page web application，SPA），这是百度百科上的定义。我理解的就是只有一张Web页面的网站。页面切换都只在一个web页面上完成。优点：a.有良好的用户交互体验,可以只加载部分模块或者局部刷新部分模块。 b.多端可以使用同一套web项目代码 c.前后端分离开发 d. 减轻服务器压力缺点：a.SEO难度较高 b.前进、后退管理 c.
2021-07-03 21:46:54
716
原创 less动态类名匹配
如果项目中有很多margin或者padding样式，并且值都不一样，那在less中定义公共的类名样式，再重复使用也很麻烦，这个时候写一个动态类名和动态的样式值就很好用。less本身没有循环的语法，但是函数可以递归来调用，这样就可以模拟循环，用法如下。.for(@i) when(@i <= 6) { //@i .for(@i + 1); //@i + 1 相当于"++i" .box@{i} { width:50px; height:50px;
2020-05-11 00:17:04
4635
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人