在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ mint-ui的tab-container和infinite scroll配合使

mint-ui的tab-container和infinite scroll配合使用的時候出現(xiàn)bug

mint-ui的tab-container和infinite scroll配合使用會出現(xiàn)無線觸發(fā)加載的問題，切換到第一個container第二個第三個就會無限加載，切換到第二個第一個和第三個就會無限加載·····大家都是怎么解決的，一個滑動所有的都會亂套
<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>
回答
編輯回答
久礙你

在Infinite-Scroll里面，添加一個v-if=selected == id，把Infinite-scroll和選項卡的id、selected相結(jié)合，選中的selected與id對應(yīng)的時候，才進(jìn)行對應(yīng)的Infinite-Scroll。
Infinite-Scroll的代碼如下：
<div v-infinite-scroll="loadMore"
infinite-scroll-disabled="loading"
infinite-scroll-distance="10"
class="content"
v-if="selected == 1"

根據(jù)需要，v-if的條件進(jìn)行修改
2018年1月31日 16:28