vue-cropper图片裁切的运行

<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
项目地址