參考 demo 對應的代碼，第二個鏈接，data 設置個 pageIndex:0 ,created 的時候獲取第一頁的數據，放進 list 里，loadBottom方法里pageIndex++，獲取下一頁

export default {

    data() {

      return {

        list: [],

        allLoaded: false,

        bottomStatus: '',

        wrapperHeight: 0,

        pageIndex: 1,

        pageSize:10

      };

    },

    methods: {

      handleBottomChange(status) {

        this.bottomStatus = status;

      },

      loadBottom() {

        this.pageIndex++

        getDataFromServer()

      },

      getDataFromServer(){

          var vm = this

          //后臺獲取某頁數據，以下為成功回調函數里的代碼，假設返回為{data:[],total:30}

          vm.list = vm.list.concat(res.data)

          if(vm.list.length===total){

              vm.allLoaded = true

          }

          vm.$refs.loadmore.onBottomLoaded();

      }

    },

    created() {

      getDataFromServer()

    },

    mounted() {

      this.wrapperHeight = document.documentElement.clientHeight - this.$refs.wrapper.getBoundingClientRect().top;

    }

  };

mint-ui不是有很多 demo 么。。。

demo
代碼

把新獲取到的10條數據push進之前數組或者拼接起來，再將數據渲染出來。