Q1685208384web-CSDN博客

原创 element-UI的el-dialog组件添加一个拖拽属性v-dialog-drag

通过鼠标拖拽el-dialog组件的header区域可以实现对话框的拖拽功能。2.关键代码（dialog-drag.js）

2025-10-28 11:11:51 419

原创 echarts图表纯前端实现打印功能，还有导出成图片

需求背景：需要实现纯前端打印功能，将ECharts渲染的图表直接通过打印机输出，无需后端参与。解决方案思路：通过将配置好的ECharts图表转换为图片格式，再执行打印操作。ECharts官方提供的echarts.getDataURL方法可以完美支持这一需求，该接口能够将当前图表快速转换为图片数据，适用于打印、导出、预览和上传等多种场景。ps:介绍一下echarts.getDataURL方法1.语法（两种调用姿势）2.参数opt全字段3.返回值→→可直接放到<img src>、pdf、打印、上传。

2025-10-24 14:59:28 828

原创 el-cascader点击移除tag报错

当点击操作时出现报错报错原因：Element-UI 的在时，内部会靠level字段重建树路径。当你手动把v-model数组里的某个值），Cascader 内部立即试图“展开并高亮”这个已被踢掉的节点，结果读到null.level就抛错在开发过程中，使用 Element UI 的级联选择器（Cascader）进行多选时，可能会遇到一个比较隐蔽的问题：当数据项结构中 options 的 value 值为 0 时，会导致多选删除功能异常。

2025-10-23 14:52:28 977

原创 uniapp的原生app的echarts原生组件适配到h5端

博主在开发基于uniapp的App项目时，由于业务需求需要将部分功能迁移到H5端，因此决定基于原有代码进行改造。

2025-09-05 13:57:28 1431 1

原创常用的工具整理（一），根据URL下载文件、预览图片、预览PDF、防抖等等

*** 自定义合并表格列* @param TableData :表格数据* @param itemName ：表格数据的属性名* @param rowIndex ：行索引值*/let idName = TableData[rowIndex][itemName] // 获取当前单元格的值if (!// 判断是不是第一行// 先判断当前单元格的值是不是和上一行的值相等let num = 0 // 定义一个变量i，用于记录行索引值并进行循环，num用于计数。

2025-08-26 17:20:08 573