1.在标签中定义好自动触发的单击事件,使用@click属性绑定好对应的事件

<span @click="removeSuccess(file)" v-Success></span>

2.在JS中使用directives属性定义好触发事件进行自动触发

//设置事件在对应的标签加载时自动触发
  directives:{
    //标签中定义好的事件
    Success:{ 
      inserted(el,binging){
        el.click() 
      }
    }
  },

3.在methods方法区中定义好你要触发的方法

removeSuccess(file){
      this.Completed+=1
      // 取消并中断文件上传
      this.$refs.uploader.cancelFile(file); 
      // 在队列中移除文件
      this.$refs.uploader.removeFile(file, true); 
      // 在ui上移除
      const index = this.fileList.findIndex((ele) => ele.id === file.id);
      this.fileList.splice(index, 1);
      this.total -=1
      this.Completed -=1
      if(this.Completed<0){
        this.Completed = 0
      }
    },

Logo

前往低代码交流专区

更多推荐