鄙人翻閱幾十篇資料，發(fā)現(xiàn)沒(méi)有一個(gè)人遇到這個(gè)問(wèn)題能說(shuō)明白的?。?！

真正項(xiàng)目中大都是按需引入，他們?nèi)既忠胱匀徊粫?huì)發(fā)現(xiàn)還會(huì)有這些問(wèn)題！

首先，大篇文章會(huì)告訴你，你不會(huì)不知道吧第一步需要安裝vue-infinite-scroll，然后再全局引入，并作為插件注冊(cè)。現(xiàn)在我告訴你這種做法這幾年已經(jīng)失效！你需要做的是從你安裝的element-plus中引入InfiniteScroll，并進(jìn)行插件的注冊(cè)，做法如下：

其次，你在誰(shuí)身上設(shè)置的v-infinite-scroll，那它就是滾動(dòng)的父容器，他必須書(shū)寫(xiě)overflow: auto

，否則失效！

緊接著，官網(wǎng)給的示例有部分沒(méi)有說(shuō)明清楚，官方給的示例中的count初始為0，但我們實(shí)際中設(shè)置卻無(wú)法實(shí)現(xiàn)和官網(wǎng)相同的效果，原因就在于沒(méi)有寫(xiě)這個(gè)屬性

infinite-scroll-immediate="true"

目前已經(jīng)把它變?yōu)槟J(rèn)為true，現(xiàn)在可以不寫(xiě)了。

最后一定要寫(xiě)這個(gè)屬性！

infinite-scroll-distance="1"（觸發(fā)加載的距離閾值）

必須寫(xiě)大于1的值，否則滾動(dòng)到底部可能不會(huì)觸發(fā)

最后有效示例如下：