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()
},
原文:https://www.cnblogs.com/jspang/p/11731633.html