1.最外層包一層div，一定要有高度。

2.mt-loadmore ,該外掛會預設自動載入一次，在頁面首次載入的時候。

3.在載入成功後，並且是最後一頁時，要把allLoaded 設定為false；如果不是最後一頁，要設為true。

大致程式碼如下：

<div class="mint-loadmore-parent-ext">
    <mt-loadmore :top-method="loadTop" :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" ref="loadmore"
:auto-fill="false"
 
topPullText
                 topLoadingText
                 bottomPullText
                 bottomLoadingText
                 @top-status-change="handleTopChange">
        <div class="hospitalList">
            <div class="singleHospital clearfix" @click="hospitalDetails(item.orgid)" v-for=
 
"item in HospitalData">
                <div class="hospitalImg">
                    <img v-lazy="item.file_path">
                </div>
                <div class="hospitalInfo">
                    <p class="hospitalName dot">{{item.cn_name}}</p>
                    <
 
p class="hospitalAddress dot">{{item.address}}</p>
                    <p class="hospitalPosition">
                        <span class="icon-position"></span>
                        <span>{{item.distance}}</span>
                    </p>
                </div>
            </div>
        </div>
    </mt-loadmore>
</div>

data() {
    return {
        HospitalData: [],
        allLoaded: false,
        page: 1,
        topStatus: '',
        longitude: '',
        latitude: '',
    }
},

mounted() {
    this.getHospital(this.page);
},

methods: {

loadTop() { //下拉重新整理
this.allLoaded = false;
    this.page = 1;
    this.HospitalData = [];
    this.getHospital(this.page);
    this.$refs.loadmore.onTopLoaded();
},
loadBottom() { // 上拉載入
this.page = this.page + 1;
    this.getHospital(this.page);
    this.$refs.loadmore.onBottomLoaded();
},
handleTopChange(status) {
    this.topStatus = status;
},
//    獲取列表
getHospital(page) {
    let url = $.formateUrl('wechat/org/list');
    let params = {
        page_size: defined.indexPageSize,
        lon: this.longitude,
        lat: this.latitude,
        page: page,
        keywords: this.search,
        county: this.county
};
    var ve = this;
    $.ajax({
        url: url,
        type: 'get',
        data: params,
        beforeSend: ve => {
            this.$indicator.open();
        },
        success: res => {
            if (res.code == 0) {
                if (parseInt(res.content.pages) >= page) {
                    this.allLoaded = false;
                    this.HospitalData = this.HospitalData.concat(res.content.data);
                } else {
                    this.allLoaded = true;
                }
            } else {
                this.$toast(res.message);
            }
        },
        complete: ve => {
            this.$indicator.close();
        }
    });
},

具體程式碼如下地址：

https://github.com/wangruifeng961221/guiyang-wechat-family-doctor/blob/master/health_wechat/health/doctor/choose_hospital.html