- 博客(34)
- 收藏
- 关注
RSS订阅原创 【vue3+echarts】监听父元素让图表自适应
平时写得自适应都是监听的浏览器窗口的变化，如果在浏览器窗口不变、装图表的盒子有宽高变化的情况下，图表将不会自适应。在监听浏览器窗口变化的同时监听父组件的变化。
2025-09-09 17:58:06
196
原创 【vue3+threejs】绘制地图
因为是计算多边形中心点的原因，地图上的label展示可能会重叠，目前是针对重叠 label 进行特殊处理，如果有更好的方法，欢迎大家评论区留言~
2025-09-09 17:13:00
344
原创 【vue3+vue-flow】制作简单可拖拽可增删改流程图
本文介绍了如何基于@vue-flow库实现一个可视化流程图编辑器。主要内容包括：1）安装核心依赖@vue-flow/core、小地图、控件等组件；2）创建初始节点和连线的配置文件；3）实现拖拽功能的自定义hooks；4）开发可自定义的节点组件ValueNode.vue。通过组合这些模块，可以构建一个支持节点拖拽、连线、文本编辑等功能的流程图编辑器，并实现小地图导航等辅助功能。
2025-08-04 10:39:18
744
原创 vue3元素吸边
本文实现了一个可拖拽的AI聊天悬浮按钮组件，具有以下特点： 拖拽功能：通过鼠标事件监听实现元素拖拽，支持边界吸附效果（靠近窗口边缘时自动吸附） 点击交互：区分点击和拖拽操作，点击时打开聊天对话框 状态管理：支持最小化和还原两种显示状态 样式控制：根据状态动态调整按钮大小和位置，带有平滑过渡动画 事件处理：使用Vue组合式API管理鼠标事件，注意移除事件监听防止内存泄漏 关键实现包括： 使用mousedown/mousemove/mouseup事件实现拖拽逻辑 通过计算点击时间和移动距离区分点击和拖拽操作 边
2025-08-04 10:38:48
159
原创 微信小程序自定义组件——下拉框
根据value去匹配label回显在输入框，options可以通过传入labelName和valueName自定义选中值和回显。
2024-10-31 18:32:52
5446
3
原创 element-ui表格行颜色
对列表数据重新处理，如果所在行的id等于arr里的某个id，那么就添加一个type属性，为展示颜色做准备。如果有多条id相同时，所在行展示颜色，并且重复id若是不一样，所在行颜色也要不一样。具体展示效果用时间列代替id。（原数组）重复id的排序并不是连续的，所以对id进行去重，并列出重复次数大于1的id数组。对列表处理后，就可以根据添加的type属性设置行样式了。
2024-07-19 14:33:04
481
原创 H5移动端vue-masonry + van-list实现瀑布流懒加载效果
注：使用中遇到class被覆盖的情况，原因暂时没有排查，先使用行内样式解决此问题。
2024-05-28 14:53:32
989
原创 微信小程序实现录音及播放功能
data: {// 全局唯一的录音管理器recorderType: '0', // 0-开始录音 1-停止录音// recorderCount: 60, // 剩余秒数recorderCount: '00:00', // 已经录制秒数recCount: 0, // 已经录制秒数soundRecordPath: '', // 录音资源// 播放器duration: 0, //音频时长audioType: "4", //3-开始播放 4-暂停播放},//定时器方法} else {
2024-05-27 14:10:41
2668
1
原创 ElementPlus周选择器设置起始日
使用周选择器的时候，周日为起始日，与需求不符。element-plus内置时间处理是引用。然后按照文档配置了一下，我的版本。中配置国际化以外，使用。
2024-05-24 10:02:45
1363
1
原创 flv.js使用
打开网页链接场景下，在微信内置的浏览器中无法自动播放（有些浏览器也是如此），是因为浏览器的安全策略，需要用户进行交互后才可以自动播放。征得同意后，改为刚进页面后，用户手动点击播放按钮后，开始自动播放。因为推流以及网络的不稳定性，或者存在未知的、使得视频停止播放的原因（比如离开页面不关闭，重新进入页面后推流中断），播放过程中会出现播放失败的情况，不过。链接：[https://pan.baidu.com/s/1JhnpoLYQ_sL4lTxxz4B_Lw]全屏后，自定义的图标会被遮盖，调整层级也无法浮现。
2024-05-23 21:59:19
2757
1
原创 pdf文件流，下载正常，但是预览全是空白页
*遇到问题：**后端返回pdf文件流能下载成功，页数也是正常的，打开也是正常的。但是直接在网页上预览，页数正常但页面都是空白的。**解决办法：**需要添加请求类型。这样就能正常预览了。
2024-04-15 11:13:56
2249
2
原创 van-overlay遮罩层出现后van-field的placeholder会在遮罩层上面
检查 van-field 和 van-overlay 相关父级元素是否正确设置了 position 属性，比如 relative、absolute 或 fixed。如题，如图，加了z-index后不生效。
2024-03-28 11:32:51
582
原创 vue2+element-ui 实现OSS分片上传+取消上传
项目中需要上传500MB以上的视频。一开始使用上传组件el-upload，调用后台接口，但是出现了onprogress显示百分百后接口一直pending，过了很多秒后接口才通，如果遇到大文件的话，接口就会报超时。使用阿里云OSS的分片上传。
2024-03-19 15:33:31
1304
原创 element-ui 文本域字体不一样
这是原生textarea默认字体问题，所以需要增加.el-textarea__inner字体属性。发现其他表单组件字体和文本域字体不一样。
2024-03-06 15:59:52
613
1
原创 动态新增选项后默认选中下移
组件默认选中项会受动态更新的影响进行变更，所以在动态的el-radio-group中增加key值，无论是增加或是删除，都对其进行强制刷新。假设目前选中A选项，新增后默认选中会下移。
2024-03-06 15:57:48
243
1
原创 element-ui 抽屉打开后自动显示最下方内容
通过ref定位到抽屉里的dom元素，通过抽屉的open方法使得内容从顶部开始展示。关于scrollIntoView()方法详解与实际运用 可详见。抽屉内容太长的情况下，一打开抽屉后总是展示内容最下方。
2024-03-06 15:53:50
367
1
原创 element-ui的穿梭框数据量大时点击“全选”卡顿
可以将node_modules\element-ui\packages\transfer组件拎出来作为组件，针对组件的方法进行改写，再进行引用。数据量小的时候问题还没有暴露，当数据大概有几千条时，点击全选时页面需要大概需要三四秒，单选、移动操作也是如此，对于用户来说体验感很差。
2024-03-06 15:46:11
1355
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人