Как получить доступ к переменной данных на странице для управления div в файле макета

Question

Я создаю простое приложение Nuxt JS, используя Vuetify.У меня есть настройка моего макета как default.vue, и у меня есть навигационная панель в этом файле, у меня есть <div> в моей навигационной панели, которая по сути является кнопкой значка, я хотел бы иметь возможность показать / скрыть и получить доступ к этому div иуправлять им со страницы, например: index.vue в каталоге pages /.

Я хотел бы иметь переменную, такую ​​как: isShown: true, а затем добавить v-if="isShown" в мой div, однако, поскольку он находится вмакет не работает.

Answer 1

Одно решение, которое вам может быть знакомо, - это наличие единственного источника правды isShown в магазине , который вы можете легко разделить между layout / default.vue и pages / index.vue

Другое решение может полагаться на глобальную шину событий , но, честно говоря, даже если вы можете решить эту проблему с ней, нет необходимостииспользовать.