【VUE】vue如何实现向下滚动的效果

gengboxb 679 0

1、定时请求数据

2、定义个一个数组

3、每次请求数据向数组里push数据

....完善中

 const resData = res.data.data; // 获取最新的数据
          let pushData = {};
          // 滚动到到底部,在需要滚动的div定义ref="box"
          const div = this.$refs.box;
          if (resData.length > this.ResultData.length) {
            setTimeout(() => {
              div.scrollTop = div.scrollHeight;
            }, 0);
          }
          // 赋值新的值,对上一个数据进行对比在push赋值
          for (let i = this.ResultData.length; i < resData.length; i++) {
            pushData = resData[i];
            this.ResultData.push(pushData);
          }

发表评论 取消回复
表情 图片 链接 代码

分享