- 博客(12)
- 收藏
- 关注
RSS订阅原创 vue-baidu-map-3x 地图样式切换 “踩坑” 记：从报错到完美解决的全过程
本文分享了在使用vue-baidu-map-3x时遇到的地图样式切换问题及解决方案。作者发现官方提供的切换控件样式不美观，尝试通过单选框调用setMapType方法实现切换，但出现方法不存在的错误。通过对比发现map实例对象被替换导致的问题，最终采用非响应式对象存储map实例，成功实现通过单选框切换地图样式。关键点在于使用let mapInstance保存原始map对象，避免响应式替换带来的问题。该方法简洁有效地解决了地图样式切换的需求。
2025-06-16 10:22:37
483
原创 Vue 项目中 el-popover 样式修改全攻略：从原理到实践
本文系统解析了Vue项目中Element-UI的el-popover组件样式修改难题。指出其样式失效的根本原因是：弹出层DOM被直接挂载在body层级，与scoped样式作用域冲突。提供了终极解决方案：1)使用popper-class添加自定义类名；2)通过.el-popover.custom-popover组合选择器提升优先级；3)移除scoped属性或使用深度选择器。文章还给出样式排查流程和强制覆盖技巧，强调该思路同样适用于其他顶层挂载组件，帮助开发者彻底掌握UI组件样式定制方法。
2025-06-12 09:18:33
1643
原创 一招制敌：CSS完美解决自动填充输入框白色背景问题
在网页开发过程中，我们常常会依赖浏览器的自动填充功能，以提升用户的登录和表单填写体验。但这个看似便利的功能，却往往伴随着一个恼人的视觉瑕疵 —— 自动填充后出现的白色背景块。这不仅破坏了精心设计的页面一致性，还可能分散用户的注意力，影响整个用户界面的美观度。比如在一个登录页面中，当用户使用浏览器的自动填充功能填入账号和密码时，原本与页面风格统一的输入框瞬间被白色背景块占据，就像一个刺眼的补丁打在页面上，与周围的设计格格不入。
2025-04-09 08:53:37
1535
原创 整合element-plus上传组件和tui-image-editor
支持查看（el-image-viewer）、图片编辑（tui-image-editor）、删除、下载操作，可通过props配置开启哪些功能
2025-04-08 15:12:04
1163
原创 Vue 中的事件修饰符与按键绑定
preventstopdivstopchildClickdivdivdivpassivepassive，先停止冒泡，再阻止默认事件。在实际应用中，根据具体需求合理组合使用修饰符，能使事件处理更加灵活和高效。
2025-02-14 09:52:55
874
原创 将视频设置为网站的背景
如果元素的比例与容器的比例不匹配，内容将被缩放直到它的尺寸完全覆盖容器，会裁剪掉一些内容。但内容的中心部分会始终显示在容器中，多余的边缘部分则会被裁切。表示该元素的位置是相对于浏览器窗口固定的，而不是相对于文档流中的任何其他元素。这对于背景视频特别有用，以确保不会打扰用户的浏览体验，尤其是在自动播放的情况下。这个属性非常适合用来创建背景视频或图片，确保它们总是完整地填充指定的空间，同时不会失真。属性指定了元素的定位类型，它决定了元素如何相对于浏览器窗口或页面上的其他元素进行定位。
2025-02-13 11:00:24
442
原创 CSS元素的定位
2.对于脱离文档流的元素:包含块是第一个拥有定位属性的祖先元素(如果所有祖先都没定位，那包含块就是整个页面)。2.可以使用 left、right、 top、 bottom 四个属性调整位置，不过最常用的是 top 值。最常用的值是 top 值。4.相对定位不会脱离文档流，元素位置的变化，只是视觉效果上的变化，不会对其他元素产生任何影响。7.粘性定位和相对定位的特点基本一致，不同的是：粘性定位可以在元素到达某个位置时将其固定。5.相对定位元素的显示层级比普通元素高，无论什么定位，显示层级都是一样的。
2025-02-07 11:52:12
1041
原创 CSS选择器
作用：可以选中所有的 HTML 元素。元素选择器作用：为页面中 某种元素 统一设置样式。类选择器注意点:1.元素的 class 属性值不带 . ，但 CSS的类选择器要带2.class 值是我们自定义的，按照标准：不要使用纯数字、不要使用中文、尽量使用英文与数字的组合，若由多个单词组成，使用-做连接，例如：left-menu，且命名要有意义，做到“见名知意”。3.一个元素不能写多个 class 属性，下面是 错误示例:4.一个元素的 class 属性，可以写多个值，要用空格隔开注意点
2025-01-22 19:25:11
1177
原创 Failed to load module script: Expected a JavaScript module script but the server ···报错解决
经过排查，发现是因为在本次大版本更新后，修改了很多的样式，并且有很多样式是从另一个项目复制过来的，因此导致有一部分文件（图片）并没有用到，但在css以及JavaScript文件中有引入，因此在开发环境中并未有报错，而部署在线上后经过打包，服务器无法找到这些文件，不断进行重定向，此时默认的访问类型为"text/html"。因此产生的报错，并且有一些文件命名时，使用了中文命名，但是引用方式并不支持中文命名的文件，因此产生的报错。但为什么注释掉后部署，能够正常访问，原因未知。
2025-01-16 15:36:32
10264
4
原创 通过弹窗打开百度地图渲染多边形时，出现一条数据渲染出多个图形（包括多边形、线形）的情况
项目场景：通过弹窗打开百度地图渲染多边形时，出现一条数据渲染出多个图形（包括多边形、线形）的情况问题描述通过弹窗打开百度地图渲染多边形时，出现图形渲染出多个的情况，且每个点均可编辑，编辑后均可改变图形实际的坐标，但会新增"Ye": “inner”。打开控制台，发现有报错信息，但是报错信息并不在绘制多边形图形的位置test.vue:649 Uncaught TypeError: Cannot read properties of undefined (reading ‘map’)at Ud.
2025-01-13 09:04:04
200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人