学习使用vue-cropper初始化记录-vue3.2

前言：开发时的一些问题记录，解决image跨域问题

推荐 遇见狂神说 老师，在B站有很多免费的课程。

使用时参考了很多文章但是没有保存，后边再慢慢放上。

进入正题，vue开发 一个优雅的图片裁剪插件

• 开发版本："vue": "3.2.25"
• 插件版本："vue-cropper": "1.0.2"

基础功能实现，额外扩展自行脑补

安装

# npm 安装
npm install vue-cropper@next

# yarn 安装
yarn add vue-cropper@next

注意vue3使用的是vue-cropper@next ， vue2 使用的是vue-cropper。

安装时要做好区分避免不必要的报错。

插件地址
https://github.com/xyxiao001/vue-cropperhttps://github.com/xyxiao001/vue-cropper

配置引入

单页面引入

import 'vue-cropper/dist/index.css'
import { VueCropper }  from "vue-cropper";

//main.js 

import VueCropper from 'vue-cropper'

const app =