Handle parent component width and height change

  <div v-bind:style="windowStyle">
    <vue-draggable-resizable
      v-if="true"
      :parent="true"
      :w="1120"
      :h="500"
    >
      <dashboard/>
    </vue-draggable-resizable>
 </div>

After changing windowStyle the drag is still blocked by the prev windowStyle size.

How can I sync the children with the new size? Thank you

[misland]

@MaxYYYYY for me,it doesn’t work,because re-mount the components need some time,so I change the code like this:

this.parentShow = false;
      let _this = this;
      setTimeout(() => {
        _this.parentShow = true;
      }, 100);

[StreakingMan]

<div v-if="parentShow"  v-bind:style="windowStyle">
    <vue-draggable-resizable
      v-if="true"
      :parent="true"
      :w="1120"
      :h="500"
    >
      <dashboard/>
    </vue-draggable-resizable>
 </div>

watch: {
    windowStyle() {
       this.parentShow = false;
       this.parentShow = true;
    }
}

@gsaada it works for me. actually it makes component mount again, the parent element avoid re-render so everything looks normal