Element-plus的upload组件on-success不断执行解决办法

最新推荐文章于 2025-09-28 18:18:21 发布

原创最新推荐文章于 2025-09-28 18:18:21 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

在使用E-P的upload组件时，发现on-success回调函数handleExcelSuccess重复执行导致前端页面卡死。解决方案是检查并根据后端返回的数据进行处理，例如绑定状态，以防止无限循环。在响应成功时显示消息并调用加载函数this.load()。

最近在使用E-P的upload组件时，发现在:on-success定义的handleExcelSuccess方法反复执行，导致前端页面卡死，最后解决办法是根据后端返回的数据进行绑定解决该问题，代码如下:

 handleExcelSuccess(response, uploadFile, uploadFiles) {
      //console.log("这是上传文件返回的信息"+response);
      if(response) {
        ElMessage({
          message: '文件上传成功',
          type: 'success',
        })
        this.load();
      }
      // ElMessage({
      //   message: '文件上传成功',
      //   type: 'success',
      // })
      //this.load();
    },

response为后端接口返回的状态，个人感觉可能是根据浏览器的某种状态导致一直执行的，但是博主是个前端菜鸟，这部份留给有缘人解决（网上还没看到合理的技术博客解决这一问题）