業務邏輯涉及loadmore,filter和tab切換,框架是vue,使用vue-infinite-loading中的一點經歷。
identifier 一開始並沒有重視這個參數,只是他的官網說identifier適用tab切換,filter。但因為初次使用一開始並沒有使用,導致遇到很多坑。
坑主要集中在,切換狀態后infinite組件並沒有刷新數據,一開始做的邏輯是 組件使用v-show控制狀態,mouted加載數據,然后infinite組件做loadmore,
之后有改成v-if控制組件重啟加載,這也只是解決了一部分bug,但是還是有問題,因為狀態切換的初始數據需要單獨做,當v-if加載infinite組件,導致會加載重復數據,
最后才使用identifier屬性,因為infinite放在一個組件中,所以identifier數據需要computed監聽否則,props的數據並沒有更新。
還有就是 tab切換的時候需要把infinite的數據清空,否則會不能觸發加載,如果高度夠的話