Vue PC端项目 scroll 触底加载 分页 节流

用Vue2做PC端项目，由于列表页的展示过多，但element-ui的分页组件产品嫌弃丑，提出需求要实现滚动分页 触底加载更多，同时对滚动事件也进行了节流处理：

效果：

 

 以搜索页为例

1、html中的结构 ：

   <div class="cate_list" v-loading="loading" @scroll="scrollFn">
        <div
          class="cate_item"
          v-for="item in keyWordsCoursesList"
          :key="item.id"
        >
          <el-card
            :body-style="{ padding: '0rem' }"
            style="width: 17.8125rem; height: 17.8125rem"
          >
            <div style="wi