vue3 vue-cropper实现图片裁剪+上传功能(组件封装使用)

效果(CV即用)

vue3 vue-cropper实现图片裁剪+上传功能(组件封装使用)_第1张图片

1.安装引入vue-cropper(官网)官网地址

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

2. 全局引入

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

const app = createApp(App)
app.use(VueCropper)
app.mount('#app')

3.组件完整代码


 

 

4. 组件使用

  
  


你可能感兴趣的:(javascript,Vue,vue.js,前端,javascript)