- 博客(44)
- 收藏
- 关注
RSS订阅
原创 将图表和表格导出为PDF的功能
当内容超过一页时，分页逻辑可能会导致内容被截断在页面中间。Element UI表格的样式可能在PDF中显示不完整。对于大量数据，html2canvas渲染可能较慢。固定宽度(800px)可能在不同设备上显示不一致。特别是表格行可能会被不自然地分割在两页之间。ECharts图表在高分辨率导出时可能模糊。PDF生成过程可能阻塞UI。
2025-04-03 15:34:49
408
原创 解决了使用ElementUI日期选择器时，选择“2024第1周”这一特殊时间段所触发的change事件返回时间的特殊情况处理问题。
选择"2024 第 1 周"时原始周一日期：2023-12-31（ElementUI默认返回周日）计算后范围：2024-01-06（周日）至 2025-03-22（周六）
2025-03-21 17:32:44
297
原创 vue包含二维码、背景图片、Logo图片和文本说明的图片生成及下载功能
如果是表格点击动态生成二维码，需要调要用两次，否则可能下载到上一次生成的二维码。。
2024-11-19 15:19:04
340
原创 elementUI表格中某个字段（state）使用计算属性进行转换为对应中文显示
在homeCity数组中，state字段被用作唯一标识符来查找对应的name（即地址名称）。表格的tableData和homeCity数组是独立的，但通过state字段建立了它们之间的联系。这里的state字段名可能会引起混淆，因为它实际上用于表示“地址”的标识符，而不是通常意义上的“状态”。
2024-09-29 17:59:49
687
原创 js嵌套数组（如本例中的 arr 属性）的对象数组时，确保每个对象都正确处理（特别是当某些对象可能不包含 arr 属性时）
每个对象都会被处理，并且都会被添加到 paths 数组中。如果对象有 arr 属性且该属性是一个非空数组，则 arr 中的每个元素都会被映射成 children 数组中的对象。如果对象没有 arr 属性或 arr 属性为空数组，则 children 数组将保持为空。
2024-09-20 15:21:45
185
原创 js两个数组 arr 和 arr2 中查找匹配的对象
findMatchByIdsAndIdsd 函数首先通过 reduce 方法创建一个映射，它将 arr2 中的每个对象的 idsd 值映射为一个布尔值 true（因为我们只关心键是否存在，而不关心它的值）。然后，它遍历 arr 并使用 find 方法来查找第一个其 ids 值在 idsdMap 中作为键存在的对象。如果找到这样的对象，它就返回该对象；否则，它返回 undefined。在我们的例子中，它将返回 arr 中 ids 为 2 的对象，因为 arr2 中有一个对象的 idsd 也是 2
2024-09-20 11:24:51
214
原创 :style中的条件样式逻辑移动到计算属性或者methods
计算属性是一个描述符对象，而不是一个方法。因此，你不能像定义方法那样在 computed 对象中定义函数。在 computed 对象中定义一个接受参数的函数。计算属性不接收参数，它们仅基于组件的现有数据计算返回值。
2024-07-29 11:06:44
234
原创 vue2.0和quasarchsUI中Table组件行内右键菜单实现方法
【代码】vue2.0和quasarchsUI中Table组件行内右键菜单实现方法。
2024-01-12 11:01:41
502
原创 vue 动态获取v-for每个列表项的高度
每个列表项的高度，如果高度大于100，你就把这个 showMore 设为 true，反之设为 false。这意味着，你是在判断每个列表项的高度，而不是判断其内容是否超出了可见范围
2023-09-19 14:55:20
742
原创 JavaScript来提取字符串里面HTML内容中所有id的值
使用match()函数和正则表达式/id="([^"]*)"/g来从HTML内容中提取所有的id值，这个正则表达式会匹配所有形式为id="XXXX"的字符串，其中XXXX是我们要提取的id值
2023-09-13 13:58:12
745
原创 js遍历一个包含对象的多维数组，并删除每个对象中的 children 属性，同时检查并删除嵌套的 children 属性。
这段代码的主要目的是扁平化或规范化数据结构，删除高维的。属性并把它放到与外部对象同一级的属性中。数组为空，则进一步删除该嵌套属性。
2023-09-12 14:16:47
603
原创 在html页面使用vue
template属性为每个组件指定了不同的模板。并且，在每个组件中使用了data函数，返回一个对象，用于存储每个组件独有的自定义内容。你可以根据需要修改每个组件的内容和样式，并使用{{ }}插值语法来访问和展示customContent属性中的数据。这样，你就可以为每个菜单项定义不同的内容，并且在右侧显示相应的内容。
2023-09-01 16:30:06
733
原创 Vue2.0 $set()使用
在使用 vue 进行开发的过程中，可能会遇到一种情况：当生成vue实例后，再次给数据赋值时，数据更新的视图还没更新
2023-04-03 15:59:07
154
原创 Vue中，$forceUpdate()、Vue.set、this.$set的使用
调用强制更新方法this.$foreceUpdate（）更新视图和数据，触发updated生命周期。在Vue官方文档中介绍，$forceUpdate()、Vue.set、this.$se。具有强制刷新的作用。
2022-10-25 15:26:46
563
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人