element UI 上传图片后关闭清除图片

 1 <el-dialog
 2       title="新增专业证书"
 3       :visible.sync="isShow"
 4       width="600px"
 5       :before-close="closeMyself">
 6       <span>
 7         <el-form :model="form" :rules="rules" ref="form" label-position="left" label-width="100px">
 8           <el-form-item label="证书类型:" prop="gender">
 9             <!-- <el-radio v-model="radio" label="1">教师资格证</el-radio>
10             <el-radio v-model="radio" label="2">其他证书</el-radio> -->
11             <el-radio-group v-model="form.certType" @change="chooseCertType">
12               <el-radio :label="item.value" v-for="item in books">{{item.label}}</el-radio>
13             </el-radio-group>
14           </el-form-item>
15             <el-form-item label="上传证件:" prop="">
16                                         <el-upload
17                     ref="uploadImg"
18                     :limit="imgNum"
19                     action="/rest/share/upload"
20                     list-type="picture-card"
21                     :on-preview="handlePictureCardPreview"
22                     :on-remove="handleRemove"
23                     :before-upload="beforeAvatarUpload"
24                     :on-exceed="handleExceed"
25                     :on-success="OnSuccess"
26                     name="uploadImg">
27                     <i class="el-icon-plus"></i>
28                   </el-upload>
29                   <el-dialog :visible.sync="dialogVisible" append-to-body>
30                     <img width="100%" :src="dialogImageUrl" alt="">
31                   </el-dialog>
32           </el-form-item>
33           <el-form-item label="证书名称:" prop="certName">
34               <el-input v-model="form.certName" placeholder="请输入"></el-input>
35             </el-form-item>
36             <div style="text-align: center;">
37 
38             <el-button type="primary" @click="submit('form')">提交</el-button>
39             </div>
40             <!-- <el-button @click="closeMyself">关 闭</el-button> -->
41           </el-form-item>
42         </el-form>
43       </span>
44     </el-dialog>
closeMyself () {
        this.$refs.uploadImg.clearFiles()
        
      },

猜你喜欢

转载自www.cnblogs.com/jspang/p/11731633.html
今日推荐