zoukankan      html  css  js  c++  java
  • vue 上拉加载更多

    var _this=this;
    var goods_id = _this.$route.query.id;
    var isscroll = true;
    _this.$nextTick(() => {
    var el = document.querySelector(".rating_cnt_scroll");
    var offsetHeight = el.offsetHeight;
    el.onscroll = () => {
    var scrollTop = el.scrollTop;
    var scrollHeight = el.scrollHeight;
    if (offsetHeight + scrollTop - scrollHeight >= -1) {
    if(isscroll==true){
    isscroll = false;
    var requestData = [];
    _this.mountedPage++;
    console.log(_this.mountedPage);
    isscroll = false;
    var data = {
    goods_id: goods_id,
    page: _this.mountedPage,
    checkData: _this.$md5("caiegouinterface")
    };
    _this.$http.post(baseUrl + "/api/Goods/getEvaluate", data, {emulateJSON: true})
    .then(res => {
    if(res.body.code==200){
    requestData = res.body.data.evaluate;
    if (res.body.data.length == 0) {
    //_this.page=1;
    isscroll = true;
    return false;
    }
    }
    });
    }
    setTimeout(() => {
    _this.evaluate = _this.evaluate.concat(requestData);
    isscroll = true;
    }, 100);
    }

    }
    })

  • 相关阅读:
    spring boot 与 spring cloud 版本映射
    Java锁
    并发编程(二)
    并发工具类和线程池
    并发编程
    Map双列集合(二)
    Map双列集合(一)
    单列集合List
    类加载
    JVM字节码与代码优化
  • 原文地址:https://www.cnblogs.com/lwj820876312/p/9619766.html
Copyright © 2011-2022 走看看