vue上拉分页

export default {
  name: 'Posts',
  data () {
    return {
      show: true,
      loadding: true,
      oss: '',
      posts: [],
      page: 1,
      hasMore: 0
    }
  },
  created() {
    window.addEventListener('scroll', this.onScroll)
  },
  mounted () {
    this.getResult()
  },
  methods: {
    getResult () {
      this.oss = this.$global.oss
      this.$axios.post('/').then(response => {
        let data = response.data
        this.loadding = false
        if(data.status == 200) {
          this.posts = data.data.list
          this.hasMore = data.data.hasmore
        } else if (data.status == 4040) {
          this.show = false
        } else {
          this.$weui.toast(data.msg)
        }
      }).catch(error => {
        this.$weui.toast(error)
      })
    },
    onScroll() {
      let windowHeight = document.documentElement.clientHeight
      let scrollHeight = document.documentElement.scrollHeight
      let scrollTop = document.documentElement.scrollTop
      if (scrollHeight == (windowHeight + scrollTop)) {
        if (this.hasMore == 1) {
          this.page = parseInt(this.page) + 1
          this.$axios.post('/', {page: this.page}).then(response => {
            let data = response.data
            if(data.status == 200) {
              console.log(data)
              this.posts = [...this.posts, ...data.data.list]
              this.hasMore = data.data.hasmore
            } else {
              this.$weui.toast(data.msg)
            }
          }).catch(error => {
            this.$weui.toast(error)
          })
        }
      } 

      ///console.log(windowHeight +'----'+scrollHeight+'-----' + scrollTop)
    }
  }
}