阿尔法兽王龙剑-优快云博客

原创 vue组件 - 便利贴

摘要：本文实现了一个基于Vue的交互式便利贴组件，简单的新增、编辑等功能。组件包含笔记列表、编辑对话框和添加按钮三部分，每张便利贴具有标题、内容、颜色标记、标签和日期属性。

2025-09-11 14:37:39 121

原创 WangEditor 富文本组件自定义上传 customUpload 实践与踩坑记录

在使用时，图片上传往往需要结合自己的业务逻辑（如文件校验、接口上传、生成访问 URL 等）。WangEditor 官方提供了方法，可以让我们接管上传逻辑。是在组件生命周期里配置的，如果直接用this，可能拿不到组件实例。：不做校验可能导致上传非图片或过大文件失败。：上传成功后，WangEditor 需要才能正确插入图片。下面给出一个完整可运行的案例。

2025-09-09 16:01:27 498

原创 Element Tree 组件 updateKeyChildren 子节点丢失问题的解决方案

使用时，务必保证传入的子节点数据是全新的引用。对子节点children做一次深拷贝再传入。原因是：Element 的 Tree 内部依赖响应式与引用比较，如果引用没变，就会认为“数据没更新”，从而出现子节点丢失的问题。

2025-09-09 10:39:32 399

原创 Element Plus 中 el-select 使用 filterable 时遇到 Maximum recursive updates exceeded 问题及解决方案

在使用el-selectfilterable时，内置的搜索可能在大数据源下出现递归更新错误。解决方式是：使用自定义过滤逻辑。搭配在下拉关闭时重置数据源。这套方案既能解决报错问题，又能保证搜索体验，推荐大家在大数据量的场景中使用。

2025-09-04 11:50:04 522

原创 Vue3 中 Element Plus el-calendar 自定义 date-cell 不生效？改成 #dateCell 就好了！

Vue3 中 Element Plus el-calendar 自定义 date-cell 不生效？改成 #dateCell 就好了！以及如何修改单元格内的高度

2025-08-12 15:17:26 414

原创 Vue2 动态拖拽组件开发：使用 @vueuse/core 的 useDraggable 实现自由拖拽与实时位置追踪

本文介绍如何在 Vue2 中使用 @vueuse/core 的 useDraggable 实现一个可自由拖拽的 Icon 组件，并详细讲解如何实时监控拖拽位置的变化。✅ Vue2 中的响应式位置监控：如何监听 x、y 坐标变化。✅ useDraggable 的基本使用：快速实现拖拽功能。屏幕录制2025-08-05 下午4.32.27。

2025-08-05 16:41:50 255

原创 Vue2+ECharts+vueuse实现动态响应式时钟组件：自适应指针/边框/文字的全方位解决方案

实现要点是通过ECharts的图形组件和Vue的响应式设计，结合vueuse/core事件监听，在回调函数中重新计算并应用所有元素的尺寸参数。组件内部使用比例系数来维持各元素间的相对关系，确保缩放时的整体协调性。最大的保持echarts的默认大小。

2025-08-05 16:16:42 333

原创 react集成微信sdk，用于分享自定义标题与icon

本文中集成并不是主要目的，主要是如何做到正确分享在微信sdk集成好的情况下，很多时候直接分享是链接，url，由于微信的限制，有两种可以正常分享的方式。

2023-03-28 15:36:57 747

React + echarts + 百度地图1.首先集成百度地图2.使用百度地图demo放入代码在componentDidMount3.此时页面不会显示，需要在前面引入文件记录一个今天遇到的坑。1.首先集成百度地图去百度地图注册账号，创建工程，获取 ak.// 引入百度地图<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"></script>2.使用百度地

2020-07-02 17:36:26 1170 1

qq_40943198的博客