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()
        
      },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM