Popular posts

Vishwa Bhat

Technology Enthusiast

Oct 24, 2018

I dont think shouldShowModal in ModalDialog.vue keeps in sync with changes happening in props.

What you've done assigns this.$props.show as the default value to this.$data.shouldShowModal during component initialization. What I'd suggest is to make shouldShowModal as computed property that returns this.$props.show so that your modal visibility will be in sync with props.

SI

Sonja Ilic

Oct 24, 2018

thank you very much for replying :)) .. Yes I think it doesnt not on that next tab, but for every other it does .... Im not sure If I understand you correctly sorry about that but I should make shouldShowModal a computed property inside of ModalDialog like this computed: { shouldModal() { return this.show; }, }, but it doesnt change anything I still see dialog when tab is switched :(

VB

Vishwa Bhat

Technology Enthusiast

Oct 24, 2018

Okay, then the issue still persists. My guess is that your closed Tab component is not destroyed even though it is invisible. This makes the modal present inside that closed Tab still active. Check the no. of Tab components before and after closing a tab in Vue Tools.

Search Hashnode