mint-ui的无限滚动组件的坑

快要过年了，加班填坑。

使用了mint-ui这个vue的开源组件库。很多地方使用了mint-ui的无限滚动组件。官方组件文档

大概形状就是这样，上半部分属于一部分内容，中间的套餐可以看成是一个滚动组件，无限滚动，很多内容，直到分页被全部展示。

然后发现，同样的滚动组件，在其他页面都能够正常展示，但是在这个页面，却始终无法正常的终止，即使按照官方文档，动态设置infinite-scroll-disabled属性为true，在组件内部使用{{}}可以查看的值变为true，但是依然还在执行请求。

仔细看了和其他几个页面的比较，才发现，其他页面几乎都是全屏的滚动，只有这个页面的滚动是部分的。

解决的办法是，给包裹这个无限滚动组件的div设置一个高度，overflow-y:auto;解决问题。

也就是说，滚动的区域需要一个高度，除非滚动组件是占窗口大部分高度那种。