zoukankan      html  css  js  c++  java
  • elementui中上传文件做校验,文件上传后检验语句消失

                            <el-form-item label="附件" label-width="100px"  prop="docsNew" ref="headimgUpload">
                              <div  class="file-con">
                                <div :key="key" v-for="(i, key) in item.docsNew" class="file-detail">
                                  <div style="display: flex">
                                    <el-tooltip effect="dark" :content="i.docName" placement="top-start">
                                      <span class="file-name" >{{i.docName}}</span>
                                    </el-tooltip>
                                    <!-- <span style="padding-right: 40px">{{i.date}}</span> -->
                                    <!-- 删除 -->
                                    <span @click="handleRemove(item.docsNew, key)" ><i class="el-icon-delete"></i> </span>
                                  </div>
                                </div>
                              </div>
                          <!-- 上传 -->
                              <div @click="getPicture(index)" style=" 100px">
                                <upload @handleAvatarSuccess="handleAvatarSuccessDocsNew" :baseUrl="baseUrl"></upload>
                              </div>
                            </el-form-item>
    

     

     
    handleAvatarSuccessDocsNew(fileData){
        if(fileData.code == 200){
          Message.info(fileData.message)
          let file =  this.handleFileData(fileData)
          this.form.eventParts[this.index].docsNew.push(file)
          console.log("this.$refs.headimgUpload1", this.$refs.headimgUpload)
          this.$nextTick(() => {
            this.$refs.headimgUpload[this.index].clearValidate(); // 关闭校验
          })
        }else {
          Message.info(fileData.message)
        }
      },
      getPicture(index){
           this.index = index;
       },

      

  • 相关阅读:
    [BZOJ1415]聪聪和可可
    [POJ2096]Collecting Bugs
    开博第一天
    实现CSS样式垂直水平完全居中
    Vue中独立组件之间数据交互
    python Template中substitute()的使用
    eclipse 编辑 python 中文乱码的解决方案
    java Math.random()随机数的产生
    java文件读写的两种方式
    My way on Linux
  • 原文地址:https://www.cnblogs.com/sinceForever/p/14373172.html
Copyright © 2011-2022 走看看