- 博客(44)
- 收藏
- 关注
RSS订阅原创 页面实例化两次,同个弹框或页面加载两次问题
摘要：本文探讨了前端开发中组件重复引用的问题，提出两点排查建议：1)检查组件是否被多次引用并控制显隐状态；2)避免相同页面或路由被多次实例化。文章最后提示解决这类bug需要耐心，但会有最终解决方案。
2025-12-10 17:34:06
556
原创 实现类似word 文档下划线输入功能
摘要：这是一个Vue 3组件，实现了一个带下划线的可编辑输入框。组件支持双向绑定(v-model)、最小宽度设置、虚线和实线两种下划线样式，并能正确处理换行和中文输入法组合输入。核心功能包括：通过contenteditable实现富文本编辑，使用CSS为每个字符添加下划线样式，处理光标位置保持，以及支持回车换行。组件暴露了blur事件和value更新事件，可以方便地集成到表单中。样式部分使用Less，动态绑定最小宽度和下划线类型。该组件适用于需要下划线样式的表单输入场景。
2025-09-19 14:38:26
361
原创 antv g6 拖拽节点页面卡死问题
如图，绘制一个流程图，如果拖拽任意一个节点，会报 Uncaught 捕获异常，导致整个页面卡死；那么问题又来了，我们想要销毁改怎么办？
2025-02-25 10:39:14
546
原创 vue3中 a-table设置某一个单元格的背景颜色
思路：通过官方文档提供的customCell进行判断设置不同的颜色背景，案例中进行了简单的行列判断，同学们可以根据自己的需求修改判断条件，动态实现不同的单元格背景颜色的变化；需求：根据某一个单元格中的某个条件不同，设置动态的颜色；
2024-10-10 15:27:55
1756
原创 echarts 固定柱状图的宽高，设置类别之间的间距为固定值（不让 ECharts 自动调整）
echarts 固定柱状图的宽高，设置类别之间的间距为固定值,不让 ECharts 自动调整
2024-09-05 10:24:48
1987
2
原创 SyntaxError: Expected property name or ‘}‘ in JSON at position 2 (line 1 column 3) at JSON.parse
从数据格式来讲，我们获取到的是一个 HTML 转义过的 JSON 字符串。HTML 转义会将一些特殊字符（例如 " 和 <）转义为其 HTML 实体形式，如 "（代表 "）和 >（代表 >）。在 JSON 字符串中，" 和 > 需要转换回其原始字符，才能正确解析。所以解决办法我们可以通过下面的步骤进行解决：1. 将 HTML 实体转换为普通字符需要先将转义的 JSON 字符串恢复成标准 JSON 格式。可以使
2024-07-30 09:54:55
1624
原创 vue3 使用JsMind的方法，JsMind节点点击事件，以及引入提示报错，无法找到模块“jsmind”的声明文件
vue3 使用JsMind的方法，JsMind节点点击事件，以及引入提示报错，无法找到模块“jsmind”的声明文件
2024-06-25 14:04:53
3447
4
原创 拖拽实现div上下互换
因为我这个结构是通过for循环出来的,所以使用transition-group标签进行包裹,class采用动态标识处理避免初始化页面的动画效果,因为禁用初始动画的配置项在我这里不适用,大家可以自行设置;
2024-06-13 15:49:37
379
原创 关于antd vue 中table的单元格单击或者双击某个编辑事件，配合customCell的用法，可以编辑某一个单元格。
这里通过单元格点击cellEdit事件的单点事件，触发了cellEdit编辑函数，需要双击修改的可以使用onDblclick事件改为双击。首先看数据格式：这里因为是自己加的行，所以设定了一个随机id，大家可以通过index进行设置key也是可以的。editableDataField：为动态编辑的对象，用来获取某一行，由此确定编辑某一个单元格。contentBeingEdited：为自定义声明的string值，用于获取编辑的是哪一列。需求：动态生成一个单元格，点击生成的某一个单元格可以修改他的text值。
2024-03-11 10:55:29
3220
原创 Ant table嵌套子表格-如何隐藏、去除子表左侧的展开图标
****************************************踩坑不易，关注可见*****************************************//****************************************踩坑不易，关注可见*****************************************/解决办法：使用插槽解决，注释掉。
2024-03-08 14:46:53
1177
2
原创 vue3使用echarts的tooltip不显示问题，以及echarts销毁重新绘制问题，解决echarts环形图值为零，背景环形绘制不出来或延时绘制的问题。
vue3使用echarts的tooltip不显示问题，以及echarts销毁重新绘制问题，解决echarts环形图值为零，背景环形绘制不出来或延时绘制的问题。
2024-03-04 15:01:54
869
原创 vue3 树形组件and tree组件，增加输入框，输入联动筛选搜索功能
需求：下方是多个树形组件，可能存在多级，我们要在最上方加一个input输入框，输入内容，自动筛选出已经有的一个或多个数据，并且打开已有项，进行展示。1.首先是template结构 给input增加了一个change事件，通过e就可以拿到当前的输入内容，进行触发修改2.方法筛选过滤处理数据，进行筛选准备值筛选展开对应的树形key输入筛选
2024-01-23 14:21:15
955
1
原创 leftMap海图封装全局公用绘制方法，多图层同时绘制
每次绘制之前调用 mapStore.removeLayerGroup（）清除之前的图层，避免vue3的多次执行onMounted问题。业务需求：同一个页面能够打开多个弹框，分别绘制对应的点位或图形，关闭某个弹框清除对应的图层，不影响其他图层的正常使用。1.初始化onMounted的时候执行获取数据的操作，请求list数据获取需要撒点的所有图标以及经纬度信息。2.执行list接口，采用回调函数的方式，获取到数据后，在vue里进行。（修改点位后取消，恢复原有点位，减少重绘）”（清除旧点位，添加新点位）；
2024-01-18 10:13:54
655
1
原创 组件leftmap组件，应用海图撒点、删除某个点位、编辑修改点位案例（保姆级教程）
leftmap组件，海图撒点、编辑点位、删除点位、新增点位
2024-01-04 12:05:28
663
1
原创 组件leftmap常用API集合，绘图撒点的方法总结（持续更新）
四、地图撒点，多变形绘制的方法和案例。1.海图撒点的方法案例。一、地图组件的安装引用。二、创建绘制图层的方法。三、地图撒点的方法案例。五、复杂逻辑的使用介绍。2.多边形的海图绘制。
2023-12-27 17:01:21
644
1
原创 鸿蒙开发 DevEco Studio 3.1 Release 下载sdk报错的解决办法
鸿蒙开发 DevEco Studio 3.1 Release 下载sdk报错的解决办法
2023-11-25 21:20:14
4526
5
原创 ant-table自定义表格，表头和表格拆分，自定义点击事件，扁平化数据处理拆分（vue2）
ant-table自定义表格 单元格拆分 自定义单元格 单元格自定义点击事件
2023-08-10 10:34:44
1744
1
空空如也
关于#javascript#的问题：当内容为文字就不会消失
2023-02-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人