vue下拉加载更多数据

1.div内容

 <div

              class="qkdqMenu"

              v-for="(item, index) in recomList"

              :key="index"

              @click="goChild(item)"

            >

              <div class="kwtjImg">

                <img

                  src="../../assets/img/none.jpg"

                  alt=""

                  style="width: 100%; height: 100%"

                  v-if="item.qkfy == null"

                />

                <img :src="item.qkfy" alt="" style="width: 100%; height: 100%" v-else />

              </div>

              <div class="qkdqIntr">

                <div class="qkdpTitle" :title="item.qkmc">{{ item.qkmc }}</div>

                <div class="intr">{{ item.introduce }}</div>

              </div>

              <div class="qkdqImg">荐</div>

            </div>

2.vue调用

mounted() {

    window.addEventListener("scroll", this.onScrollFunc, true);

  },

  beforeUnmount() {

    window.removeEventListener("scroll", this.onScrollFunc, true);

  },

  unmounted() {

    window.removeEventListener("scroll", this.onScrollFunc, true);

  },

  destroyed() {

    window.removeEventListener("scroll", this.onScrollFunc, true);

  },

  methods: {

    onScrollFunc() {

      //变量scrollTop是滚动条滚动时，距离顶部的距离

      var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

      //变量windowHeight是可视区的高度

      var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;

      //变量scrollHeight是滚动条的总高度

      var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;

      //滚动条到底部的条件

      if (scrollTop + windowHeight == scrollHeight) {

        //写后台加载数据的函数

        // console.log(

        //   "距顶部" + scrollTop + "可视区高度" + windowHeight + "滚动条总高度" + scrollHeight

        // );

        if (this.tableParams.pageCurrent > this.tableParams.total) {

        } else {

          this.tableParams.pageCurrent += 1;

          this.getKWTJ();

        }

      }

    },