- 博客(2)
- 收藏
- 关注
RSS订阅
原创 Vue3+el-table+IntersectionObserver实现表格触底加载
本文介绍了使用ElementUI的Table组件结合IntersectionObserver API实现无限滚动加载的方法。通过监听表格最后一行元素是否进入可视区域，触发异步数据加载。主要实现步骤包括：1)设置表格列配置和初始数据；2)使用IntersectionObserver观察最后一行；3)当元素进入视口时加载下一页数据；4)组件生命周期管理观察器。该方法提供了流畅的用户体验，无需手动分页操作，适用于大数据量展示场景。文中还提供了完整的Vue3+Element Plus实现代码示例。
2025-07-08 16:55:32
318
原创 vue3自定义指令实现禁止输入空格
摘要：本文介绍了一个自定义Vue指令v-no-space的实现方法，用于完全禁止输入框中的空格输入。该指令通过拦截空格键和实时过滤输入内容来实现功能，并考虑了输入法组合输入的特殊情况。实现包含两个核心逻辑：1)阻止空格键输入；2)通过正则表达式移除所有空格。同时提供了指令的卸载处理，避免内存泄漏。使用方法简单，只需在input元素上添加v-no-space指令即可。
2025-07-09 16:09:16
208
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人