DDR爱好者之家

详解element上传组件before-remove钩子问题解决
站长资源 2024/12/27 佚名
54 1538
DDR爱好者之家 Design By 杰米

应公司业务要求已上传文件删除前提醒确认代码如下

    if(file && file.status === "success"){
      return this.$confirm('此操作将永久删除该文件, 是否继续"htmlcode">



  if (file && file.status==="success") {
    this.$axios.delete("url" + data);
  }






下面是 before-upload 上传文件前的钩子，在遇到大于10M的文件时，我们返回false





  //图片上传前钩子
  beforeUpload(file) {
   this.loading = true;
   const isLt2M = file.size / 1024 / 1024 < 10;
 
   if (!isLt2M) {
    this.loading = false;
    this.$message.error("单个附件大小不能超过 10MB!");
   }
   
   return isLt2M;
   // return false;
  }






但是这时会出现自动调用before-remove on-remove钩子


其实此时我们根本没有上传文件，所以也不会需要删除操作，然后我的代码就报错了。


解决办法如下：





 //删除图片
  beforeRemove(file, fileList) {
   let a = true;
   if (file && file.status==="success") {
     a = this.$confirm(`确定移除 ${ file.name }？`);
   }
   return a;
  },
  //删除图片
  handleRemove(file, fileList) {
   if (file && file.status==="success") {
    this.$axios.delete("accessory/one/" + file.response.id).then(resp => {
     if (resp.status == 200) {
      this.$message({
       message: "删除成功",
       type: "success"
      });
     }
    });
   }
  },






把不需要执行的代码放入判断内。





if (file && file.status==="success") {
}
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米