¿Cómo puedo verificar si un usuario está haciendo clic en un div llamado contenedor del lado derecho y si elimina la clase de menú abierto?
toggleMenu() { this.open = !this.open; document.getElementsByTagName("html")[0].classList.toggle("menu-opened"); if (this.open) { document.addEventListener("click", this.menuClickListener); } else { document.removeEventListener("click", this.menuClickListener); } }, menuClickListener($event) { console.log($event); }, }, }; // This is what I want to remove when the user is clicking the right-side-container document.getElementsByTagName("html")[0].classList.remove("menu-opened");Supongo que desea abrir/cerrar el menú al hacer clic. Entonces puedes hacer esto en Vue:
export default { data() { return { show: true } }, methods: { toggle() { // my different actions... this.show = !this.show } } } <div v-if="show"> My menu </div> <div @click="toggleMenu"> Your button/container to show/hide menu </div>Aquí adjuntas tu variable "mostrar" para mostrar o no el elemento que quieres. Y adjunta su función de "clic" al elemento en el que desea hacer clic para mostrar/ocultar su elemento.