- 博客(14)
- 收藏
- 关注
RSS订阅原创 Echarts地图市级可点击切换进区县级地图遇到的问题记录在案
ECharts地图开发经验总结本文总结了ECharts地图开发中的6个常见问题及解决方案：1)从阿里云DataV平台获取市县地图JSON资源；2)通过off()方法解决市县地图点击事件冲突；3)使用query参数精确绑定散点点击事件；4)通过geo和series双层叠加实现立体边框效果；5)将文字合成到图片中解决长方形散点变形问题；6)注意散点与地图区域的高亮效果冲突。文章提供了详细的代码示例和效果截图，涵盖了地图资源获取、事件处理、样式优化等实用技巧，对ECharts地图开发具有参考价值。
2025-06-06 15:41:25
406
原创 echarts双饼图，其中一个置灰，可通过点击图表切换
摘要：本文介绍了一种实现双饼图交互效果的方法，通过控制透明度(opacity)实现饼图置灰效果，点击可切换当前显示饼图。代码使用ECharts配置选项，通过设置series中的itemStyle控制透明度，tooltip控制数据提示显示，emphasis控制高亮效果。监听click事件切换showPie1状态变量，实现动态交互。该方案既能作为切换按钮，又能展示数据信息，正常饼图悬浮显示数据，置灰饼图无交互效果。
2025-06-05 16:39:45
222
原创 element的el-table的列显示隐藏导致表格列显示错位
摘要 在使用Element UI的el-table实现列显示/隐藏功能时，遇到列错位或显示不全的问题。初始状态正常，但操作列隐藏后出现布局异常。分析认为可能是表格未重新渲染导致。解决方案是通过v-if强制重新渲染表格：1) 监听columns变化调用getNewColumns；2) 在列变化后执行reloadTable方法，利用$nextTick短暂销毁并重建表格组件。该方法有效解决了列错位问题，使表格能正确响应列显示状态的变化。关键代码包括列过滤逻辑和表格的重建机制。
2025-06-04 14:38:54
460
原创 浅啄vuex
Vuex是一个专为vue.js应用程序开发的状态管理模式+库。它采用了集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生改变。也就是说，所有组件的数据状态进行统一管理（存储和变更），每个组件内部不需要再独自维护这些数据。数据变更时，统一修改Store中的数据，数据是响应式的，用到这个数据的组件会自动更新。state管理组件数据，管理的数据是响应式的，当数据改变时驱动视图更新mutations同步更新数据，state中的数据只能使用mutations去改变数据。
2025-05-19 14:07:34
563
原创 v-touch不支持vue3，使用vue-awesome-swiper实现上下页滑动切换
原有的项目是vue2使用v-touch，后面项目升级到了vue3，在使用的过程中发现vue3不支持使用v-touch。
2024-12-06 13:38:48
213
原创 electron客户端窗口全屏显示
可以保留出任务栏的位置，实现全屏的效果，且可拖动窗口，但是拖动窗口之后，窗口的大小会恢复成初始化窗口时设置的width和height的数值。可以实现全屏，但是如果的任务栏固定在桌面上，任务栏也会隐藏，整个桌面就都显示窗口，有点类似浏览器F11的效果，且存在没法拖动窗口的问题。获取当前屏幕工作窗口的宽高，从而设置要打开的窗口的宽高，实现全屏显示又可拖动的效果。窗口需要铺满整个屏幕，实现全屏显示，可拖动，不可改变窗口大小。
2024-12-04 13:23:26
1686
1原创 computed和watch的区别
computed是vue提供的一种计算属性。它依赖于其他响应式数据，并在依赖的数据发生变化时自动更新。具有缓存机制，只有在依赖的数据发生变化时才会重新计算。watch是vue提供的一种监听属性。用于监听某个数据的变化，并在变化时执行自定义的回调函数。可以监听单个或多个数据的变化，并执行相应的逻辑。
2024-11-28 14:40:04
259
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人