MintUI 上拉加載

DOM

<div
                class="page-loadmore-wrapper"
                :style="{'height': containerHeight + 'px'}">
                <mt-loadmore
                    :bottom-method="loadBottom"
                    :autoFill="false"
                    :bottom-all-loaded="allLoaded"
                    bottomPullText=''
                    ref="loadmore">
                    <ul class="banklist">
                        <li
                            :key="item.acBankInfoId"
                            v-for="item in list">
                            {{
                            item.acBankName
                            }}
                        </li>
                    </ul>
                </mt-loadmore>
            </div>
複製代碼

JS

mounted() {
        //計算container高度,下拉加載使用
        this.meatureHeight();
    },
 methods: {
    meatureHeight() {
        let tempHeight =
            (document.documentElement.clientHeight ||
                document.body.clientHeight) -
            this.screenUtils.calcFontSize() * 0.88 -
            52;
        this.containerHeight = Math.ceil(tempHeight);
    },
複製代碼

CSS

.page-loadmore-wrapper {
    overflow: auto;
}
複製代碼