Tengo una aplicación creada con vuetify y quiero ocultar la barra de desplazamiento principal cuando mi cuadro de diálogo está abierto. Por ejemplo, hay dos barras de desplazamiento cuando el cuadro de diálogo está abierto: https://i.stack.imgur.com/a4xt7.png

Solo quiero ocultar la barra de desplazamiento principal solo cuando el cuadro de diálogo está abierto. Esto es lo que he probado:

 document.body.style.overflow = "hidden";

pero no funciona

Aquí es donde se está implementando el código:

 async mounted() { this.$store.commit("SET_LOADING", true); try { await this.loadData(); if (!this.item) { this.$showDialog({ title: "Something Wrong", body: `Member not found!`, }); this.closePage(); } else { // here document.body.style.overflow = "hidden"; await this.$store.dispatch("area/get"); this.role = this.item?.roles[0]; if ( this.item?.user && this.$store.state.user?.roles?.find( (x) => x == this.$roles.Admin ) ) this.email = this.item?.user.email; } } catch (error) { Promise.reject(error); } finally { this.$store.commit("SET_LOADING", false); } },