element table组件懒加载
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | directives : { loadmore : { bind(el, binding) { const selectWrap = el.querySelector( '.el-table__body-wrapper' ) selectWrap.addEventListener( 'scroll' , function () { let sign = 0 const scrollDistance = this .scrollHeight - this .scrollTop - this .clientHeight if (scrollDistance <= sign) { binding.value() } }) } } }, |
// 自定义指令后,在el-table标签下使用v-loadmore
1 2 | <el-table v-loadmore= "loadMore" > </el-table> |
1 2 3 4 | // 方法 loadMore () { this .page++ }, |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步