上拉加载无上拉效果，也不会触发方法 about mint-loadmore HOT 15 CLOSED

<template>
  <div class="page health-tips">
    <section class="no-footer">
      <mt-loadmore :bottom-method="loadBottom" :bottom-status.sync="bottomStatus" :bottom-distance="distance" :auto-fill="autoFill">
        <div>
          <div class="text-img-card" v-for="tip in tips" track-by="$index">
            <div class="image" v-if="tip.image"><img :src="tip.image"></div>
            <p class="content">{{{tip}}}</p>
          </div>
        </div>
      </mt-loadmore>
    </section>
  </div>
</template>

<style>
  section {
    padding: 10px;
    background: #f6f6f6;
  }
  .text-img-card {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 6px;
    .image {
      width: 100%;
      img {
        width: 100%;
      }
    }
    .title {
      height: 35px;
      display: flex;
      align-items: center;
      font-size: 14px;
    }
    .content {
      font-size: 14px;
      color: #999;
    }
  }
</style>

<script type="text/babel">
  export default {
    data() {
      return {
        loadingData: false,
        tips: [],
        currentPage: 1,
        lastPage: 1,
        total: 1,
        distance: 120,
        bottomStatus: '',
        autoFill: false
      };
    },
    methods: {
      loadBottom(id) {
        setTimeout(() => {
          for (let i = 1; i <= 10; i++) {
            this.tips.push(i);
          }
          this.$broadcast('onBottomLoaded', id);
        }, 1500);
      }
    },
    route: {
      data(transition) {
        setTimeout(() => {
          transition.next({
            tips: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
          });
        }, 1500);
      }
    }
  };
</script>

<template>
    <div class="page health-tips">
        <common-header></common-header>
        <load-more :bottom-method="loadBottom" :bottom-status.sync="bottomStatus" :bottom-distance="distance" :auto-fill="autoFill">
        <section class="no-footer">

                <div>
                    <div class="text-img-card" v-for="tip in tips" v-link="{path: '/' + $route.pageData.modelName + '/' + $index+ '/' + tip.id}" track-by="$index">
                        <div class="image" v-if="tip.image"><img :src="tip.image"></div>
                        <div class="title">{{tip.title}}</div>
                        <p class="content">{{{tip.content}}}</p>
                    </div>
                </div>

            <toast type="loading" v-show="loadingData">数据加载中</toast>
        </section>
        </load-more>
    </div>
</template>