这类文章已经有人写了 但本人比较笨还是花费了大量的时间 这里写详细一点 希望有帮助参考文章史上最全基于vue的图片裁剪vue-cropper使用效果图安装npm install vue-cropper 或者yarn add vue-cropper封装一个CropperImage组件这里我对原文章的代码进行了修改 因为我这显示头像 不需要这么宽在样式的修改上 大家都可以去尝试<template