Vue.js 如何将纵横比设置为vue cropperjs

从vue-crapper.js示例中，我找不到像在选项中的jquery版本那样设置纵横比的方法。 在jquery版本中，您可以将选项传递给使用crop的元素，在这一版本中，我找不到答案。。

Vue CropperJS







收成
旋转
从“vue cropperjs”导入VueCropper；
导出默认值{
组成部分：{
VueCropper，
},
数据（）{
返回{
imgSrc:“”，
克罗皮姆：“，
};
},
方法：{
setImage（e）{
const file=e.target.files[0]；
如果（！file.type.includes（'image/'））{
警报（“请选择图像文件”）；
返回；
}
if（文件读取器的类型=='function'）{
const reader=new FileReader（）；
reader.onload=（事件）=>{
this.imgSrc=event.target.result；
//使用更新的源代码重新生成cropperjs
这是.refs.croper.replace（event.target.result）；
};
reader.readAsDataURL（文件）；
}否则{
警报（“对不起，不支持FileReader API”）；
}
},
cropImage（）{
//获取用于后期处理的图像数据，例如上载或设置图像src
this.cropImg=this.$refs.croper.getcropedcanvas（）.toDataURL（）；
},
轮换{
//猜猜这是怎么回事：）
此.$refs.croper.rotate（90）；
},
},
};

以下内容未提及：

我需要将纵横比设置为1:1

有什么帮助吗

---

谢谢

我将此添加到我的vue组件中：

:aspectRatio="1/1"
:initialAspectRatio="1/1"

---

它可以正常工作

我将此添加到我的vue组件中：

:aspectRatio="1/1"
:initialAspectRatio="1/1"

它的工作原理与预期相符