- 博客(27)
- 收藏
- 关注
RSS订阅原创 uniapp 微信小程序版本更新提示以及本地调试是否有新版本
微信小程序版本更新提示功能可通过uni-app实现。在App.vue中使用uni.getUpdateManager()监听更新状态：检测到新版本时提示用户，确认后立即重启应用；更新失败则显示错误信息。本地调试需先在HBuilderX运行到微信开发者工具，再通过添加编译模式模拟更新状态进行测试。该方案实现了版本更新提示和强制更新功能，确保用户使用最新版本。
2025-07-25 09:37:15
216
原创 vue3 使用echarts实现中国地图动态标点定位
本文介绍了如何使用ECharts创建中国地图可视化，展示各级代理店分布情况。通过npm安装ECharts后，引入中国地图JSON数据。代码实现了地图初始化、代理店数据加载（包含经纬度、店名、地址和类型等信息），并支持三种代理店类型（一级、二级、三级）的区分显示，每种类型有特定的颜色和图标大小。搜索功能可通过地址查询定位特定代理店，匹配结果会高亮显示。组件包含响应式设计，能适应窗口大小变化，并提供了信息提示框显示店铺详情。地图采用浅蓝色背景和青色边框，支持缩放和平移操作。
2025-07-24 11:55:02
319
原创 vue3 前端实现整个页面表格生成Execl
"0.5px solid #000000" : "",//表格线。2.效果图 ：(布局主要用到el-table,也可以<table></table>表格手写布局效果也一样)backgroundColor: "#bdd7ee",//背景。color: "#000000", //字体颜色。fontSize: "16px",//字体大小。
2025-07-22 11:45:55
447
原创 vue3 页面生成图片可以适配不同屏幕
本文介绍了一个基于Vue和Element UI的网页截图功能实现方案。主要内容包括：1) 安装html2canvas和echarts插件；2) 通过html2canvas将指定DOM元素转换为图片并下载；3) 核心功能代码展示，包括容器样式切换、图表适配处理、截图参数配置等；4) 完整的Vue组件代码，包含表格布局、ECharts图表实现以及截图功能。该方案支持响应式布局，能正确处理包含ECharts图表的复杂页面截图，并提供下载进度提示和错误处理机制。
2025-07-22 10:49:27
922
原创 vue3 实现百度地图海量标记点绘制，百度地图加载海量点，vue3使用百度地图给海量点标记+定位搜索，百度地图海量撒点 +快速可视化渲染保证不卡速度快，渲染性能优化解决(万级数据)缓慢问题
（解决万级标点渲染，结合echarts使用所需插件自行安装）接下来要测试下2000个点，嗯有点小卡，但是还能操作，由于marker标记很多，拖动时造成卡顿，需要优化(10000个点，芭比Q页面无响应浏览器卡死~~~5000个点试试，完美，动也动不了 简直漂亮。测试一下搜索地址和店号定位标点~不错也是秒出。1.首先，登录需选择个人或者企业。测试只是生成了1000个标点。条标点~嗯秒出...还可以。
2025-07-21 10:20:12
95
原创 vue3 el-table 转成表格为xlsx带样式
摘要：本文展示了一个使用Element Plus和XLSX库实现表格数据导出功能的Vue组件代码,导出功能支持HTML格式(保留样式)和标准XLSX格式两种方式。
2025-06-25 14:22:50
195
原创 veu3 el-table 动态筛选显示列表
摘要 本文展示了一个基于Element Plus的表格组件实现，主要功能包括： 通过按钮弹出表格列配置面板 支持全选/取消全选表格列 可配置是否显示序号列和多选列 通过checkbox控制每列的显示/隐藏 使用reactive和computed实现数据响应式管理 包含基本的表格数据展示和操作列 组件采用Vue3的script setup语法，使用了el-table、el-checkbox等Element Plus组件，并实现了表格列的动态配置功能，适用于需要自定义表头显示的业务场景。
2025-06-25 10:52:02
166
原创 npm 安装某一个依赖报错npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR! npm ERR! While resol
直接在命令后面加上–legacy-peer-deps 发现还是会报错。
2024-04-07 15:12:21
556
原创 vue3 vite打包报错 node_api_throw_syntax_error+175743
1.安装插件 npm install -g increase-memory-limit。修改 package.json文件下scripts中的build。2.在项目目录执行increase-memory-limit。解决方案二（建议使用）
2024-02-29 11:05:35
840
1
原创 uniapp uView Collapse 折叠面板打开内容不显示或者显示慢不全的情况
【代码】uniapp uView Collapse 折叠面板打开内容不显示或者显示慢不全的情况。
2022-10-18 14:49:39
6941
原创 npm run dev报错opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ]
2022-08-08 23:01:44
3480
原创 vue 实现打印与批量分页打印功能
本文介绍了在Vue项目中使用print-js插件实现打印功能的方法。内容包括：1)安装print-js插件并注册；2)基本打印实现，包括打印区域设置、表格样式定义和打印按钮绑定；3)批量分页打印技巧，通过"page-break-after:always"实现内容分页；4)Vue3中的使用方法，包括响应式数据设置和打印参数配置。文章提供了完整的代码示例和样式设置，特别强调了打印区域ID必须一致，以及如何去除页眉页脚等细节处理。
2022-07-18 17:15:51
6206
原创 vue3 element el-table 默认选中、跨分页选中、选中改变背景颜色
本文介绍了使用Vue和Element UI实现表格多选功能的关键代码。通过@selection-change、@select和@select-all事件处理单选和全选操作，使用Map对象selectedRows存储选中数据。特性包括：1)分页数据加载时保持选中状态；2)支持默认选中指定ID；3)动态高亮显示已选行；4)分页切换时保留跨页选择。核心方法包括：toggleRowSelection同步表格状态、nextTick确保DOM更新后操作、tableRowStyle动态设置行样式。该实现解决了分页表格中跨
2022-07-15 00:15:54
959
原创 js 获取字符串逗号前后内容
1.字符串时 let str = "aaa,bbb" console.log( "逗号前",str.split(',')[0] ) console.log( "逗号后",str.split(",")[1] )2.数组形式时转数组对象时 let arr = ["小明,1","小陈,5","小李,6"] let newarr = arr.map( item =>{ console.log( "逗号前",item.split(",")[0] )
2022-05-19 14:38:39
7321
原创 element-ui 全局封装消息提示、Notification通知、确认提示框等等~
src中 新建mixBox文件夹mixBox文件夹下建 index.js 和 message.js文件1. index.js 内容export { default as messageBox } from './message'2.mixBox.js内容export default{ methods:{ // 消息提示 messageBox(message,type,userHTML,showClose,durati......
2022-05-02 15:46:41
1574
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人