通过vue-cropper实现图片预览以及滚轮控制图片大小

本来是准备自己写的，但是可以更便捷的实现这个效果为什么不用呢

一、第一步肯定是下载依赖

npm install vue-cropper

二、第引入，我是直接在单页面引入的，因为我暂时没有其他地方需要用到

三、使用

<el-dialog class="subcoat" :visible.sync="dialogVisible" width="1000px" append-to-body >
        <vue-cropper
            ref="cropper"
            :img="imageUrl"
            :info="true"
            v-if="dialogVisible"/>
      </el-dialog>

是不是很简单，实际使用就这几行代码，img绑定一下图片的路径即可，样式看个人喜好