Mint UI的Infinite scroll 無限滾動組件 一直觸發 loadMore

本身寫個demo學習mintui的時候，使用到了Infinite scroll組件，碰到了個問題

先說問題

官方的文檔 infinate-scroll

引入

import { InfiniteScroll } from 'mint-ui';

Vue.use(InfiniteScroll);
複製代碼

<ul v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
  <li v-for="item in list">{{ item }}</li>
</ul>
複製代碼

爲 HTML 元素添加 v-infinite-scroll 指令便可使用無限滾動。滾動該元素，當其底部與被滾動元素底部的距離小於給定的閾值（經過 infinite-scroll-distance 設置）時，綁定到 v-infinite-scroll 指令的方法就會被觸發

loadMore會一直觸發？什麼鬼

解決方法

在包裹ul的外層容器上設置height 或 設置 overflow-y:hidden