之前写了一个上传头像的功能模块,以下的内容是描述上传头像过程中裁剪图片插件结合vue的一个使用。
当然,使用就安装 npm install cropperjs
接着再引入 import Cropper from 'cropperjs'
下面是源码
<button type="button" id="button" @click="crop">确定
<div style="padding:20px;">
<div class="show">
<div class="picture" :style="'backgroundImage:url('+headerImage+')'">