Change avatar dynamically about vue-avatar-upload HOT 6 CLOSED

In the previous code, props.avatar was not responsive, and in the latest version, I fixed this issue

from vue-avatar-upload.

Thanks working 100%. How can I reset the image position and zoom when I re-open my component? Like avatar property, is width/height/top/left also dynamic properties, in other words watches?

from vue-avatar-upload.

Currently, resetting these properties outside of the component is not supported. Width/height/top/left are not dynamic properties. I recommend adding a key to the component and updating the key when these properties need to be recharged. This may result in some performance loss, but there is currently no other way to do so

from vue-avatar-upload.

Thanks, I am not so clued up with vue. Will apreciate it if you can maybe show me a small sample of how this can be done.

from vue-avatar-upload.

codesandbox

you can see the demo preview/APP.vue

---script

const key = ref(0)

---template

<AvatarUpload :key="key" v-bind="Props" @custom-request="handelUpload" @close="handelClose" @error="handelErr" @success="handelSuccess" />
<div style="display: flex;justify-content: center;">
    <NButton type="success" @click="key++">
          update Props
    </NButton>
</div>

from vue-avatar-upload.

Thanks, 100% working now. You can close this ticket.

from vue-avatar-upload.