dynamic dimensions about vue-croppa HOT 5 CLOSED

You have to bind :width and :height to different data fields if you want each instance to have different dimensions. Is it possible for your project to declare a width and a height property on each item? Like this:

<v-flex v-for="(item, key, index) in item.imgfields" :key="key"> 
  <croppa v-model="croppa[key]"
          :width="item.width"
          :height="item.height"
          :initial-image="item.image">
  </croppa>
</v-flex>

For more details, check out this live demo I created according to your description: https://codepen.io/zhanziyang/pen/bojXPQ. I hope it might help~
Note that the demo is using v1.0.5, the new version fixed a few bugs.

from vue-croppa.

@zhanziyang that works pretty much how I was looking for. one thing that caught my attention, when changing the source, the width and height props are not being updated

from vue-croppa.

The "source" means ... ? @funkysoul

from vue-croppa.

@zhanziyang means when changing the initial-image property. but nevermind just at this moment I found a solution. When updating the images I just run this.croppa.remove and everything get properly refreshen.

from vue-croppa.

@funkysoul you need to call croppa.refresh() after changing the initial image url.

from vue-croppa.