用节流处理下拉刷新获取新内容刷新多次的问题

在写这个项目时我发现在滚动事件中符合滚动条件的情况下，由于触发多次滚动条件会出现刷新多次的情况，我使用了节流的的方式解决了这个问题

防抖具体操作如下（下列步骤，和代码内注释相对应，可以方便查看）

• 在主体盒子的高度<=页面向下滚动的距离加屏幕高度的情况进行判断是否执行（在满足条件时新增数据）
• 根据 this.ok(默认为true) 判断是否为1秒内第一次执行，如果为true执行下列代码
• 将 this.ok 设为 fales,下次再触发scroll事件时判断不通过以此阻止代码多次执行
• 执行新增数据代码
• 设置一个炸弹定时器，在1秒内再次触发 scorll 事件时，this.ok 的值为 false ，新增方法不会被执行，在1秒后执行其中将 this.ok 设为 true的代码，这时再 触发 scorll 事件时 this.ok 的值为 true ，新增方法才会被执行。

export default {
  data() {
    return {
      boxheight: 0,
      topheight: 1,
      ok: true,
    };
  },
  methods: {
    throttle() {
     this.boxheight = Number(this.$refs.element.offsetHeight);     // 获取主体盒子高度
      this.topheight =
        Number(document.documentElement.scrollTop) +
        Number(document.documentElement.clientHeight);      // 获取页面向下滚动的距离加屏幕高度