to_prototy-优快云博客

原创 element-plus去除el-dropdown组件当鼠标移入文本时会出现边框

摘要：在Element Plus的Table组件中使用Dropdown下拉菜单时，鼠标移入按钮会出现边框问题。经分析发现是CSS的outline属性导致，可通过设置.el-button:focus-visible { outline: unset; }解决。outline与border不同，不占据空间且可绘制非矩形轮廓。也可使用::v-deep(.el-tooltip__trigger:focus-visible)方案解决该样式问题。

2025-12-24 21:00:00 176

原创 css属性pointer-events: none

在前端开发中，实现网页水印似乎是个简单的任务——创建一个半透明的层，铺满整个页面，不就好了吗？指针事件通常指鼠标点击、悬停、拖动，或者触摸事件等。这些事件可以用来触发元素的交互，例如按钮点击、链接跳转、元素拖动等。pointer-events: none 属性的核心思想可以用一句话概括：“看得到，摸不着”。这个属性让元素对鼠标（或触摸）事件变得"透明"，事件会直接穿过该元素，作用于其下方的元素。加上这行代码后，神奇的事情发生了：鼠标点击会直接穿透水印层,页面上的所有交互功能正常。

2025-12-18 21:00:00 320

原创 uni-app 项目配置代理踩坑

摘要：在uni-app+vue3开发H5项目时，manifest.json配置跨域失效，原因是vue3使用vite打包而非webpack。解决方案是改用vite.config.js文件配置代理，通过rewrite参数重写路径（如/dev-api替换为空），而非webpack的pathRewrite方式。示例代码展示了正确的vite代理配置方法，解决了跨域请求问题。

2025-12-17 21:00:00 184

原创 element plus中el-date-picker动态设置时间禁用范围

element plus中el-date-picker的禁用属性改了。然后设置时间禁用范围。

2025-09-09 08:17:40 285

原创 echarts地图上绘制柱状图

最近做大屏项目要实现一个如图效果：在地图上绘制柱状图。记录一下实现过程，方便下次cv。

2025-09-09 08:15:58 259

原创 element-plus 表单校验-表单中包含多子组件表单的校验

本文介绍了一个复杂表单拆分子组件的实现方案。将包含近百字段的表单拆分为多个子组件（FormA、FormB、FormC），通过ref引用子组件并暴露验证方法。父组件使用Promise.all并行验证所有子表单，通过reduce合并表单数据后统一提交。子组件使用el-form内置验证功能，通过Promise包装验证结果返回表单数据。这种方法有效解决了大表单管理难题，实现了组件化拆分与数据集中提交的统一。

2025-09-06 20:32:41 237

原创记录一下移动端uView动态表单校验

移动端uview表单组件实现动态表单校验问题

2025-04-10 23:30:00 784

原创 web网页上实现录音功能(vue3)

在Web开发中实现音频录制功能是许多应用场景的常见需求，本文详细解析如何利用现代浏览器API实现网页端的录音功能

2025-04-02 23:30:00 3054 2

原创简单封装一个websocket构造函数

封装了一个websocket调用的构造函数

2025-02-21 17:21:04 576

原创让光标一直聚焦在某个输入框

如上图，载体编号由扫码枪扫码返回，因为扫码枪扫码之后的输出是在光标位置，光标在哪里它就在哪里输出结果，所以为了用户体验和防止用户错误操作，要实现不管用户做什么操作光标始终定位在输入框。思路：要光标始终聚焦在出库单输入框，第一时间想到input的focus属性，但实际中如果进行了其他操作，这个时候光标就从输入框失焦了。思来想去最终决定监听用户click事件，废话不多说上代码。

2024-12-13 21:00:00 461