Bug occurs when mint-ui 's tab-container is used with infinite scroll

when tab-container and infinite scroll of mint-ui are used together, there will be the problem of wireless trigger loading. Switching to the first container, the second and the third will load infinitely, and if you switch to the second, the first and the third will load infinitely. How do you solve it? a slide will lead to chaos
< mt-tab-container-item id= "1" >

.
            <ul     class="list-ul"
                    v-infinite-scroll="loadMore"
                    infinite-scroll-disabled="loading"
                    infinite-scroll-distance="10">
                <li class="list-li" v-for="item in list">
                </li>
            </ul>
        </mt-tab-container-item>
        <mt-tab-container-item id="2">
            <ul     class="list-ul"
                    v-infinite-scroll="loadMore1"
                    infinite-scroll-disabled="loading1"
                    infinite-scroll-distance="10">
                <li class="list-li" v-for="item in list1">
                    
                </li>
            </ul>
        </mt-tab-container-item>
        <mt-tab-container-item id="3">
            <ul     class="list-ul"
                    v-infinite-scroll="loadMore2"
                    infinite-scroll-disabled="loading2"
                    infinite-scroll-distance="10">
                <li class="list-li" v-for="item in list2">
                    
                </li>
            </ul>
        </mt-tab-container-item>
        
        
        
Mar.21,2021

in Infinite-Scroll, add a v-if=selected = = id, to combine the Infinite-scroll with the id and selected of the tab, and the corresponding Infinite-Scroll will be carried out only when the selected selected corresponds to the id. The code for
Infinite-Scroll is as follows:
< div vMuthafinfiniteMutel rollout = "loadMore"
infinite-scroll-disabled= "loading"
infinite-scroll-distance= "10"
class= "content"
VMI if = "selected = = 1"

modify the conditions of v-if as needed
Menu