请叫我欧皇i-CSDN博客

原创 element+vue小技巧和报错解决(持续更新~建议收藏)

2.在，添加prop，prop的值是formInline:{time:“”}的time属性。清空1.给,添加ref绑定dom。不再使用slot-scope="scope"来获取当前行数据。后端需要什么格式你就在。4.一键清空表单数据。

2023-04-24 16:12:30 3608 1

原创前端小技巧，记录贴

1---transition只会把过渡效果应用到其包裹的内容上，而不会额外渲染 DOM 元素。Object.keys()可以获取到对象的属性名，可以用作筛选表头数据,引用大神的举例。1-对象就是获取属性名，数组就是按照索引排，字符串就是拆分成数组的形式。2---mode的“out-in”和“in-out”代表的意思。New FileReader()：读取上传文件的内容，实例。out-in：在前一个组件离开之后下一个组件开始进入。in-out：下一个组件进入，前一个组件才离开。

2023-03-07 15:36:32 436

原创 ios一个证书多个app使用（贴了步骤）

本文介绍了在已有iOS开发者账户下上架新App的流程。要点包括：1）使用已有账户证书（aa.mobileprovision和xx.p12）；2）创建新Identifiers标识符；3）生成新的bb.mobileprovision文件并与现有私钥证书绑定；4）在开发者账户中添加新App。文章提供了直达苹果开发者后台的链接，并说明若未配置过设备需先完成设备配置。适用于已有上架经验、需要发布多款App的开发者。

2026-03-09 10:05:08 350

原创免费开源！Vue2 + OpenStreetMap 打造动态地图：标记点与弹窗高级定制

需求：实现世界地图，并且标点、打开弹窗、根据状态自定义弹窗，不需要申请key（OpenStreetMap（OSM）免费开源地图），就可以实现

2025-12-12 16:30:06 789

原创保姆级教程vscode创建uniapp vue3+ts+pinia项目并实现自动导入、打包功能

vscode创建uniapp vue3+ts+pinia项目并实现自动导入、打包功能

2025-10-21 14:05:59 1586 2

原创 vue2使用el-form动态参数展示并非空校验

本文介绍了一个基于Vue的动态表单实现方案。通过下拉选择不同类型(type)时，动态显示不同的表单字段，并向后端传递对应的参数。核心实现包括：1）使用$set方法确保数组响应式更新；2）通过Object.keys动态绑定表单字段；3）表单验证功能。代码展示了完整的Vue组件实现，包含模板结构、数据定义和方法处理，适用于需要根据不同业务场景动态展示表单字段的需求。该方案既保证了UI样式统一，又实现了业务逻辑的灵活切换。

2025-08-28 17:29:09 373

原创 vue3+vite可视化大屏自适应插件

本文推荐一款自适应大屏可视化插件postcss-px-to-viewport，能完美适配不同分辨率屏幕。通过配置vite.config.js文件，将px单位自动转换为vw/vh，支持全局样式转换，可设置转换精度、黑名单等参数。安装简单，使用方便，只需在项目中继续使用px单位即可自动转换，是解决大屏适配问题的理想方案。

2025-07-25 10:30:02 580

原创 vue3单页面连接多个websocket并实现断线重连功能

本文介绍了在Vue3+Pinia项目中封装WebSocket的实现方案，支持单页面创建多个独立WebSocket连接并实现断线重连机制。通过创建WebSocketStore存储管理多个连接，每个连接可配置不同的重连次数（默认3次）和间隔（默认5秒）。方案包含连接创建、消息收发、自动重连和连接管理等功能，解决了常见插件无法支持多连接的问题。关键实现包括：1) 使用key区分不同连接；2) 维护连接状态和重试计数器；3) 提供连接/断开接口；4) 组件卸载时自动清理。该方案无需依赖第三方库，可直接集成到现有项目

2025-07-25 10:13:17 726

原创 vue2通过leaflet实现图片点位回显功能

核心内容包括：1)根据图片原始尺寸或缩放后尺寸计算坐标边界；2)使用unproject方法转换坐标；3)创建可拖拽的标记点(Marker)并绑定弹窗；4)处理不同尺寸图片的坐标映射关系。方案确保标记点位置不因窗口大小改变而移位，适用于各种尺寸图片的标注需求。完整代码展示了初始化地图、加载图片、创建标记点及弹窗交互的全流程实现。

2025-06-20 17:30:28 785

原创 vue2设置自定义域名跳转

摘要：该方案实现多级域名动态登录系统，主要特点包括：1.支持三级域名自动切换，首次登录为aa.com，设置二级域名后自动跳转至second.aa.com；2.区分开发和生产环境配置，开发环境使用本地地址，生产环境使用动态域名；3.登录页无token时通过域名判断返回定制化样式；4.登录成功后根据环境判断跳转逻辑，生产环境构建新域名URL跳转；5.Axios配置处理跨域问题，生产环境开启withCredentials；6.退出登录统一跳转至/login页面。方案通过域名动态配置实现不同登录页面和系统布局样式。

2025-06-20 15:36:38 556

原创 uniapp上架苹果APP Store踩雷和部分流程注意事项（非完整流程）

本文是uniapp打包成ios上架到苹果商店一系列踩雷和部分流程介绍。

2025-05-08 13:37:23 1416

原创 vue2天地图自定义弹窗样式和自定义标记点

需求：1.实现天地图的自定义标记点 2.点击标记点后的弹窗样式 3.根据判断显示不同的弹框样式

2025-05-08 10:34:34 1299

原创使用Handsontable实现动态表格和下载表格

使用Handsontable实现动态表格和下载表格

2025-04-23 17:16:52 544

原创 vue2使用ezuikit-js播放萤石视频

需求：需要在大屏上播放萤石视频，用到官方的ezuikit-js插件实现，并实现视频播放切换功能。有个问题至今没有解决，就是萤石视频的宽高是固定的，不会根据大屏缩放进行自适应。我这边做了简单的刷新自适应。

2025-04-11 16:21:47 2337 7

原创 vue2解决动态路由反复登录警告[vue-router] Duplicate named routes definition

需求：退出登录之后再登录，控制台路由命名重复警告问题，也就是name重名了，动态路由一般来说是通过后端接口返回拿到数据,然后在路由守卫router.beforeEach中通过addRoute方法进行添加，addRoute方法仅仅是帮你注入新的路由,并没有帮你剔除其他路由，所以会警告。

2025-02-12 17:09:19 896

原创 vue2使用echarts实现折线图图例，悬浮框，折线点改为不同点相同样式

vue2使用echarts实现折线图图例，悬浮框，折线点改为不同点相同样式

2025-01-14 16:07:05 954

原创 vue2制作长方形容器，正方形网格散点图，并且等比缩放拖动

需求：有个长方形的容器，但是需要正方形的网格线，网格线是等比缩放的并且可以无线拖动的，并且添加自适应缩放和动态切换，工具是plotly.js,已完成功能如下1.正方形网格2.散点分组3.自定义悬浮框的数据4.根据窗口大小自适应缩放5.解决数据过大或者过小网格线较少问题6.解决项目引入plotly.js失败问题。

2025-01-14 15:26:06 1454

原创 uniapp设置启动界面（安卓）

需求：需要在安卓app上设置启动页面，和UI都是第一次做，出现了各种适配后变形的问题，最终解决。

2024-12-13 16:31:32 2550

原创 uniapp uni-table实现多选，点击单行弹出选择器，默认禁用某行

需求：需要在移动端添加表格，并且实现多选、全选、根据状态默认禁用某一行数据，点击单行弹出选择器让用户选择，固定表头。有的需求uni-table没有，所以需要更改源代码实现。

2024-12-13 16:00:15 3087

原创 uniapp uni-table最简单固定表头

需求：固定表头数据，在网上找了半天，啥都有，就是一直实现不了，最后更改代码实现。

2024-12-10 16:58:12 2467 1

原创 html select下拉多选修改yselect.js插件实现下拉多选，搜索，限制选中，默认回显等操作

需求：要在select标签实现下拉多选，搜索，限制选中，默认回显等操作，之前同事用的yselect.js，网上用的简直是寥寥无几，找了半天没找到限制选中的方法，看了源代码才发现根本没有，所以自己加上了，最终实现需求。

2024-11-26 11:16:26 2067

原创 vue2动态导出多级表头表格并添加sheet多个工作表

需求：导出多级表格，如下，每个人名对应的是不同的城市金钱和年龄，日期占俩行，需要根据数据进行动态展示。

2024-11-19 17:33:40 1171

原创 html本地离线引入vant和vue2（详细步骤）

需求：要在html中引入vant和vue2，并且是本地离线包引入，非cdn。

2024-11-19 17:01:08 1485

原创 echarts多折线按组分类控制显示隐藏

需求：目前有俩个组数组分别为sss和aaa，sss和aaa有4个属性，分别为温度、湿度、气压和ppm，根据不同的属性每组画出4条折现，结果应该为8条折现，每条折现颜色不一致，名称也不一致，时间也不一致，通过额外设置的按钮去控制每组的显示和隐藏。

2024-10-11 16:11:18 1445

原创 qrcode实现wx二维码并添加logo，手动添加遮罩层和定时器

需求：后端给了个wx的支付链接，需要前端转为二维码的形式，让用户扫码，用户要是过了定时器时间不扫码就会出现遮罩层，需要点击遮罩层后重新获取二维码即可。

2024-09-18 15:14:33 1181

原创 el-form动态标题和输入值，并且最后一个输入框不校验

需求：给了固定的label，叫xx单位，要输入单位的信息，但是属性名称都一样的，UI画图也是表单的形式，所以改为动态添加的形式，实现方式也很简单，循环就完事了，连着表单校验也动态。

2024-09-18 14:26:11 593

原创 el-table中el-select俩列共用同一数据并且选择不能相同

需求：el-table中有el-select，el-select的下拉数据源是相同的，但是要同一行的俩列数据选择不相同，如果相同需要提示并且清空数据。

2024-08-20 17:29:16 716 1

原创 vue2使用天地图

需求：用vue2使用天地图展示对应点位数据以及开发中出现的问题等，其实天地图的写法和百度地图差不多注意！！！天地图的接口不稳定，时常报错418，官网也是一样的情况，推荐还是使用百度或者高德吧。以下是拷贝的网上的地图坐标系，仅作参考（1）天地图：CGCS2000，2000国家大地坐标系；我们其实很多时候直接用WGS84的坐标来代替CGCS2000坐标。因为CGCS2000的定义与WGS84实质一样。采用的参考椭球非常接近。扁率差异引起椭球面上的纬度和高度变化最大达0.1mm。

2024-08-20 10:49:35 7175 4