在线等,挺急的!Vue加载问题,有什么思路?求解答!

用better-scroll也好,vue-infinite-scroll/loading也罢,只要不是自己手动计算高度,有什么解决的思路吗?需求:但是页脚(elementui里面那个footer)是是始终在列表区域下方的,也就是说新加载的数据要加在列表区域和页脚之间。且页脚不能固定,随整个页面滑动。要同时兼容PC和Mobile。
凤凰求蛊
浏览 230回答 2
2回答

慕婉清6462132

需求说的不是很清楚,我就按照我的理解来做了首先footer用fixed定位,固定在页面底部然后用vue的列表循环渲染数据列表,注意在最后一个元素加一个margin-bottom(也可以用padding),这样可以使得footer不遮盖最后一个元素最后用window.onscroll=fn或者addEventListener('scroll',fn)来监听滚动事件,当文档高度等于滚动高度加上页面高度的时候,更新数据,由于vue双向绑定的原因,数据会自动渲染出来
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript