0

遇到一个需求

clipboard.png

<el-form-item label="上传文件:" style="margin-left: 65px;" required v-model="ruleForm.file" >
                        <el-upload el-upload class="avatar-uploader el-upload--text"
                           ref="upload"
                           :limit="1"
                           :file-list="fileList"
                           :action="uploadUrl" 
                           :on-success="handleVideoSuccess"
                           :before-upload="beforeUploadFile" 
                           >
                          <i class="el-icon-plus avatar-uploader-icon"></i> 
                        </el-upload>
                </el-form-item>

data里面的数据

fileList: [
            ],
            上传成功后的函数
             //上传成功回调
             
             
  handleVideoSuccess (res, file) {
      if (res.code == "-1") {
          this.FileUrl='';
          this.imageUrl='';    
          this.$refs.upload.clearFiles();
          console.log(this.$refs.upload.clearFiles());
          this.$message.error(res.msg);
          return false;
        
      } else {
      
      
      
      有人吗 头好大啊  回去再想想  这个问题 。。。。
2019-06-12 提问

查看全部 2 个回答

0

现在想到的是 上传成功后调用成功函数 根据上传控件的fileList数组长度的变化 实现显示和隐藏 这个fileList感觉不太好监听
handleVideoSuccess (res, file) {

      console.log(this.fileList)
      console.log(this.fileList.length);
      if(this.fileList.length == 0){
          console.log("请打出数组的长度");
          let title = document.querySelector('.el-upload');
        title.style.display = "none";
      }else{
          console.log("请打出清除");
          let uplist = document.querySelector('.el-upload-list');
          uplist.style.display = "none";
      }

推广链接