快要过年了,加班填坑。
使用了mint-ui这个vue的开源组件库。很多地方使用了mint-ui的无限滚动组件。官方组件文档
大概形状就是这样,上半部分属于一部分内容,中间的套餐可以看成是一个滚动组件,无限滚动,很多内容,直到分页被全部展示。
然后发现,同样的滚动组件,在其他页面都能够正常展示,但是在这个页面,却始终无法正常的终止,即使按照官方文档,动态设置infinite-scroll-disabled属性为true,在组件内部使用{{}}可以查看的值变为true,但是依然还在执行请求。
仔细看了和其他几个页面的比较,才发现,其他页面几乎都是全屏的滚动,只有这个页面的滚动是部分的。
解决的办法是,给包裹这个无限滚动组件的div设置一个高度,overflow-y:auto;解决问题。
也就是说,滚动的区域需要一个高度,除非滚动组件是占窗口大部分高度那种。