为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

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

2 回答

?
慕婉清6462132

TA贡献1804条经验 获得超2个赞

需求说的不是很清楚,我就按照我的理解来做了
首先footer用fixed定位,固定在页面底部然后用vue的列表循环渲染数据列表,注意在最后一个元素加一个margin-bottom(也可以用padding),这样可以使得footer不遮盖最后一个元素最后用window.onscroll=fn或者addEventListener('scroll',fn)来监听滚动事件,当文档高度等于滚动高度加上页面高度的时候,更新数据,由于vue双向绑定的原因,数据会自动渲染出来
                            
查看完整回答
反对 回复 2019-06-09
  • 2 回答
  • 0 关注
  • 229 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信