<el-dialog
title="修改照片"
:visible.sync="dialogVisible"
width="30%"
append-to-body
@opened="onDialogOpened"
@closed='onDialogClosed'
>
<div class="preview-image-wrap">
<img
class="preview-image"
:src="perviewImage"
ref="preview-image"
alt=""
/>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="onUpdatePhoto"
>確 定</el-button
>
</span>
</el-dialog>
https://github.com/fengyuanchen/cropper
項(xiàng)目地址
