Vue Cropper是一個(gè)基于Vue.js的圖片裁剪組件，它可以讓用戶輕松地調(diào)整上傳的圖片大小、位置和比例。Vue Cropper有一些與之相關(guān)的屬性，下面我們將介紹這些屬性及其用途。

data() {
return {
cropperOptions: {
aspectRatio: 16/9,
autoCrop: true,
autoCropArea: 0.8,
dragMode: 'move',
cropBoxMovable: false,
cropBoxResizable: false,
responsive: true
}
}
},
mounted: function() {
this.$refs.cropper.replace('/path/to/image.jpg');
}

1. aspectRatio：設(shè)置裁剪框?qū)捀弑龋J(rèn)為自由裁剪模式。例如16/9表示寬高比為16:9。

2. autoCrop：是否自動(dòng)裁剪，默認(rèn)為false，設(shè)置為true后，當(dāng)選擇完圖片后即可自動(dòng)裁剪。

3. autoCropArea：設(shè)置自動(dòng)裁剪的區(qū)域大小，范圍為0-1，表示圖片寬高的比例。默認(rèn)為0.8，即裁剪區(qū)域?yàn)閳D片面積的0.8倍。

4. dragMode：設(shè)置拖拽模式，默認(rèn)為crop，即拖拽裁剪框，還可設(shè)置為move，表示拖拽整個(gè)圖片。

5. cropBoxMovable：設(shè)置裁剪框是否可以移動(dòng)，默認(rèn)為true。

6. cropBoxResizable：設(shè)置裁剪框是否可調(diào)整大小，默認(rèn)為true。

7. responsive：是否開啟響應(yīng)式模式，默認(rèn)為false，設(shè)置為true后，裁剪框?qū)⒆赃m應(yīng)容器大小。