Vue中的滚动加载事件

项目中经常会遇到分页加载的事件，而很多常规的处理方式都是采用滚动加载。

本人目前经常用到的实现滚动加载方式是：

①：利用组件库的list列表组件，这里用vant举例
②：利用window.addEventListener(‘scroll’, event)

第一种实现方式的代码如下，vant的文档很清晰了，就不多做赘述了。

vant关于list组件的一些使用（推荐使用）

第二种方式的代码如下，这里我使用了mixin做了一个封装（这种其实跟原生开发基本上是一样的）

const mixin = {
   
  data () {
   
    return {
   
      page: 1,
      isLoading: false, // 判断请求是否已经完成
      isMore: true // 判断是否还需要继续请求
    }
  },