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

最新推荐文章于 2025-04-02 20:40:08 发布

C小白爬坑日记

最新推荐文章于 2025-04-02 20:40:08 发布

阅读量1.5k

点赞数 1

文章标签：前端 javascript vue.js

本文链接：https://blog.youkuaiyun.com/walkertc/article/details/129657872

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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