休闲食品网站模板大学物流仓储作业代做网站

不更新的原因

它与cropperjs不太一样，vue-cropperjs不是一个实例，当页面首次刷新时它就已经创建，即使后面更改了它的某些数据也不会改变，因为浏览器会对dom组件进行缓存。

解决办法

可以使用v-if来控制它的显示和隐藏，这样每次使用时就会重新创建dom，所以通常搭配弹框使用。只要是可以让它重新创建都可以解决这一问题。

                <VueCropper ref="cropper" :img="previewImage" :src="previewImage" preview=".preview" v-if="showCropper":aspect-ratio="aspectRatio" :view-mode="1" :drag-mode="'move'" class="height100" />

实际操作

关于vue-cropperjs的实际操作可以看我主页的另一篇文章

vue3、element plus 及 vue-cropperjs实现自定义图片尺寸、数量等的公共子组件