天天加班写代码 2021-11-30 07:26 采纳率: 80.5%
浏览 51
已结题

vue 使用infinite-loading无线加载插件,发现快速点击很多次查询按钮会加载出很多数据来。

页面默认加载时,加载全部数据。 查询按钮点击时,将过滤条件传到参数,进行查询。 但是快速点击很多次查询,查询来的数据就会重复很多次。
正产点击一下查询,查出来的数据是没问题的。

mounted() {
    this.load();
  },

  methods: {
    //延迟0.6秒执行一次查询方法
    onInfinite() {
      setTimeout(() => {
        this.myRisk();
      },1500);
    },

    // 按风险级别和风险查询当前登录人的风险
    search() {
      this.currentPage = 1;
      this.riskLists = [];
      this.$refs.infiniteLoading.$emit("$InfiniteLoading:reset");
      this.myRisk();
    },

    // 查询登录人的所有风险,每次查询10条
    myRisk() {
      var that = this;
        var param = {
          page:that.currentPage,
          fxjb:that.riskLevel,
          fx:that.riskName 
      }
      console.log(param);
      var url = Vue.__ctx + "/aqsk/aqRiskIdentify/selectRiskByUserOrJob";
      var post = Vue.baseService.post(url, param);
      post.then(function (data) {
        if (data.isOk === false) {
          that.$refs.infiniteLoading.$emit("$InfiniteLoading:complete");
          return;
        }
        if (!data.rows.length) {
          that.$refs.infiniteLoading.$emit("$InfiniteLoading:complete");
          return;
        }
        that.currentData = data.rows;
        that.currentPage = that.currentPage + 1;
        console.log(that.currentPage);
        that.riskLists = that.riskLists.concat(that.currentData);
        that.$refs.infiniteLoading.$emit("$InfiniteLoading:loaded");
      });
    },

    // 页面每次加载时,设置当前页为1,风险数据重置成空数组,设置infiniteLoading为重置
    load() {
      this.currentPage = 1;
      this.riskLists = [];
      this.$refs.infiniteLoading.$emit("$InfiniteLoading:reset");
      this.myRisk();
    },
  },

  // 注册InfiniteLoading组件
  components: {
    InfiniteLoading,
  },

  • 写回答

2条回答 默认 最新

  • 码渣——JAVA 2021-11-30 08:57
    关注

    把 load()在myRisk() 中var that = this; 下面调用一下
    myRisk() {
    var that = this;
    that. load();
    }

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 12月29日
  • 已采纳回答 12月21日
  • 修改了问题 11月30日
  • 创建了问题 11月30日

悬赏问题

  • ¥15 有关“完美的代价”问题的代码漏洞
  • ¥15 请帮我看一下这个简易化学配平器的逻辑有什么问题吗?
  • ¥15 暴力法无法解出,可能要使用dp和数学知识
  • ¥15 wpf通过绑定控件自身的值,来实现背景颜色的切换
  • ¥15 CDH6.3 运行hive -e hive -e "show databases;"报错:hive-env.sh:行24: hbase-common.jar: 权限不够
  • ¥15 SSRS制作的报表打开报错,无法正常显示网页
  • ¥15 乌班图ip地址配置及远程SSH
  • ¥15 怎么让点阵屏显示静态爱心,用keiluVision5写出让点阵屏显示静态爱心的代码,越快越好
  • ¥15 javaweb项目无法正常跳转
  • ¥15 VMBox虚拟机无法访问