- 博客(4)
- 问答 (1)
- 收藏
- 关注
原创 基于el-table的表头吸顶方法
摘要:本文介绍了一个实现el-table表头吸顶效果的通用mixin方案。通过elHeadFixMixin.js提供的方法:1) 初始化时获取表格和表头位置信息;2) 监听滚动事件动态计算是否达到吸顶条件;3) 响应式处理窗口大小变化。实现要点包括:使用debounce优化性能,通过CSS变量(--fix-w)动态设置固定宽度,预留占位div防止内容跳动。调用时只需在$nextTick中传入表格DOM元素即可启用该功能,支持设置是否超过表格底部停止吸顶的边界控制。
2025-11-25 18:22:15
120
原创 表格表单校验总结
摘要:本文介绍了如何在element-ui中实现表格内嵌表单验证功能。通过el-form包裹el-table的方式,在el-table-column中使用el-form-item实现表单验证,重点解决了动态prop绑定问题,实现表格行数据的统一校验
2025-11-18 17:04:02
107
原创 使用decimal.js处理高精度计算场景实践
本文介绍了使用decimal.js库解决JavaScript浮点数精度问题的实用工具函数。通过封装Decimal类,提供了高精度的四则运算(toFixed、decMul、decDiv、decSub、decAdd)和小数位处理(fixedBit)功能。这些函数能有效避免0.1+0.2≠0.3等精度问题,支持指定小数位数和截取处理,适用于财务计算等需要精确计算的场景。使用时只需简单调用相应函数即可获得准确结果,如decAdd(0.1,0.2)返回预期的0.3。
2025-11-06 17:45:57
201
原创 分享一个兼容性的复制功能
摘要:文章介绍了一个增强浏览器复制功能兼容性的方案。最初使用navigator.clipboard API实现复制功能,但在某些低版本浏览器或非安全上下文中会失效。改进方案采用三级处理:1)优先使用现代Clipboard API;2)降级使用传统的execCommand方法;3)最终提供手动复制对话框。方案通过创建临时文本框和模态对话框,确保在各种环境下都能提供复制功能,并给出了完整的代码实现和测试示例。
2025-10-31 16:17:11
156
空空如也
storybook同时展示多个组件
2021-12-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅