vue cropper 动态设置裁剪区域的宽高

Question

vue怎么在methods函数里面动态设置截图的宽高
this.option.autoCropWidth = 750;
this.option.autoCropHeight = 1334;
this.option.autoCropWidth = [750, 1334];
都是试了无法改变截图的宽高！

Answer 1

大哥，你没有在组件上绑定autoCropWidth autoCropHeight参数呀，所以没有传递到cropper组件里面去

Answer 2

不知道我的方法能不能帮到你，不同的是我设置的是不同比例
这是参考网址
https://www.npmjs.com/package...

<el-button type="primary" plain @click="changescale1">16:9</el-button>
<el-button type="success" plain @click="changescale2">6:7</el-button>
<el-button type="warning" plain @click="changescale3">1:1</el-button>
----------------------------------------------------------------------
changescale1() {
      this.option.fixedNumber.splice(0, 2, 16, 9)
      this.$refs.cropper.goAutoCrop()
    },

主要是用的this.$refs.cropper.goAutoCrop()
cropper 内置方法。可以重新加载获取截图框，只需要你 在方法中修改 option,对应的属性值