- 博客(7)
- 收藏
- 关注
RSS订阅原创 Element Plus、Element日期范围选择器实现选择限制、禁止跨月选择。
本文介绍了如何在使用Element Plus框架时，限制日期范围选择器不能跨月选择。通过@calendar-change事件捕获用户选择过程，配合disabled-date函数实现同一个月内的日期限制。文章详细说明了实现步骤，包括储存用户选择、处理日历变化事件和禁用日期函数的具体代码。对于Element版本，也提供了类似的解决方案。该方法适用于需要限制同月选择的业务场景，如报表查询等。
2025-09-23 18:17:23
493
原创 Element Plus日期选择器default-time配置避坑指南
Vue3 + Element Plus日期选择器报错解决方案 在使用el-date-picker的datetimerange类型时，配置default-time属性后出现**"Invalid Date"**错误。通过测试四种不同格式的default-time值发现： 纯字符串格式['00:00:00', '23:59:59']会导致错误 使用Date对象格式[new Date(0,0,0,0,0,0), new Date(0,0,0,23,59,59)]可正常工作 ref包装字符串和re
2025-09-03 16:13:30
415
原创 【vue3、echarts踩坑】tooltip不显示、dataZoom无法滚动，第三方库的方法不生效、出现bug等解决方案
在Vue3中使用ECharts或其他第三方库时，若遇到第三方库出现bug报错等问题，可以将第三方库实例声明为shallowRef而非ref。这是因为ref会深度代理实例对象，破坏其内部事件机制，而shallowRef仅跟踪引用变化，不影响实例内部功能。这一原则适用于所有需要维护内部状态的第三方库实例，避免不必要的深度响应式代理造成的副作用。
2025-09-02 19:48:40
917
原创 吃一堑长一智：css堆叠上下文对fixed的影响/fixed不全屏问题
CSS堆叠上下文导致fixed定位失效的问题解析：当父元素设置了transform、backdrop-filter等会创建堆叠上下文的属性时，fixed定位的子元素会被限制在父容器内而非视口。解决方案包括移除父元素的这些属性（推荐）、使用Vue的Teleport或将fixed改为absolute定位。该问题涉及CSS堆叠上下文对定位的影响，是前端开发中常见的陷阱。理解这些CSS特性有助于避免类似问题，提升开发效率。
2025-08-06 19:53:15
866
原创 前端跨域问题解决方案
本文介绍了前端开发中常见的跨域问题，重点解析了非简单请求的概念及其影响。当请求包含自定义头、特殊Content-Type或非常规HTTP方法时，会触发预检请求（OPTIONS），导致跨域问题。文章详细列出了简单请求的标准，列举了常见的非简单参数（如自定义头、JSON格式等），并提供了解决方案：尽量使用简单请求、确保服务器CORS配置正确、开发时使用代理等。最后给出了调试建议和常见面试问题，帮助开发者更好地理解和处理跨域问题。
2025-07-20 11:16:07
506
原创 JS查找并计算和替换富文本中的px为响应式单位
最后替换为我这边自己定义的rem单位，我的是1920分辨率下字体大小为33px，20px对应为0.6rem。replace的第二个参数支持函数，里面可以接收到匹配到的值，利用 'px' 进行分割再转为数字。因为在做官网响应式时有部分后台返回的内容为富文本，于是想着得把px像素单位换成我自己的rem。其中（+）加号为一元加号运算符，位于其操作数之前，可将其操作数转换为数字（如果尚未转换）使用/\d+px/g匹配到数字+px的字符串。为0的px可以写判断忽略掉，这里就不展示了。可以看到已经转换成功。
2024-06-07 15:02:22
263
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人