|  |  | 
 |  |  | <template> | 
 |  |  |   <div> | 
 |  |  |     <div class="user-info-head" :close-on-click-modal="false" @click="editCropper()"><img v-bind:src="options.img" title="点击上传头像" class="img-circle img-lg" /></div> | 
 |  |  |     <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body @opened="modalOpened"  @close="closeDialog"> | 
 |  |  |     <Dialog :title="title" :visible.sync="open" width="800px" append-to-body @opened="modalOpened"  @close="closeDialog"> | 
 |  |  |       <el-row> | 
 |  |  |         <el-col :xs="24" :md="12" :style="{height: '350px'}"> | 
 |  |  |           <vue-cropper | 
 |  |  | 
 |  |  |           <el-button type="primary" size="small" @click="uploadImg()">提 交</el-button> | 
 |  |  |         </el-col> | 
 |  |  |       </el-row> | 
 |  |  |     </el-dialog> | 
 |  |  |     </Dialog> | 
 |  |  |   </div> | 
 |  |  | </template> | 
 |  |  |  |