关闭用户头像上传窗口时恢复原图

pull/55/head
RuoYi 4 years ago
parent 457ec516f7
commit 25f94db9c5

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div class="user-info-head" @click="editCropper()"><img v-bind:src="options.img" title="点击上传头像" class="img-circle img-lg" /></div> <div class="user-info-head" @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"> <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body @opened="modalOpened" @close="closeDialog()">
<el-row> <el-row>
<el-col :xs="24" :md="12" :style="{height: '350px'}"> <el-col :xs="24" :md="12" :style="{height: '350px'}">
<vue-cropper <vue-cropper
@ -136,6 +136,11 @@ export default {
// //
realTime(data) { realTime(data) {
this.previews = data; this.previews = data;
},
//
closeDialog() {
this.options.img = store.getters.avatar
this.visible = false;
} }
} }
}; };

Loading…
Cancel
Save