我是靠谱客的博主 虚幻唇膏,最近开发中收集的这篇文章主要介绍element-upload 中on-change提交数据多次触发问题如何解决,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

记录一下今天使用组件遇到的问题——多次调用on-change

因为他在点击上传和成功或者失败的时候都会调用,当是上传成功时,status===ready,所以在执行之前加一个判断就可以了,我的是成功上传时再执行,代码如下:

 if (e.status === 'ready'){
    const pddss = new FormData();
    pddss.append("img", e.raw, e.name);
    console.log(pddss);
    axios({
      method: 'post',
      url: "https://scienicpc.kuxia.top/pcapi/File/fileimg",
      data: pddss
    }).then(res => {
      console.log(res);
      fileList.value.push({ name: 'abc.png', url: "https://scienicpc.kuxia.top" + res.data.front_file })
      console.log(fileList);
      
    })
  }

最后

以上就是虚幻唇膏为你收集整理的element-upload 中on-change提交数据多次触发问题如何解决的全部内容,希望文章能够帮你解决element-upload 中on-change提交数据多次触发问题如何解决所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(50)

评论列表共有 0 条评论

立即
投稿
返回
顶部