Проблема с переключением меню Alpine.js ⇐ Html

[Anonymous]

Сейчас я работаю над проектом, использующим Laravel и Alpine.js, и столкнулся с небольшой проблемой с функцией переключения меню. У меня есть кнопка, которая должна переключать видимость меню при нажатии. Однако меню не отображается.
Вот упрощенная версия моего кода:
resources/views/test.blade.php :

Код: Выделить всё

@vite(['resources/js/app.js'])


Toggle menu

Menu is open.

resources/js/app.js:

Код: Выделить всё

import Alpine from 'alpinejs';
window.Alpine = Alpine;
window.data = function data() {
return {
isMenuOpen: false,
toggleMenu() {
this.isMenuOpen = !this.isMenuOpen;
},
closeMenu() {
this.isMenuOpen = false;
},
}
}
Alpine.start();

Я установил панель отладки для Alpine.js, чтобы исследовать проблему. Похоже, проблема в том, что переменная isMenuOpen имеет значение true, когда я нажимаю кнопку, но она быстро меняется обратно на false, в результате чего меню немедленно закрывается.
Есть ли у кого-нибудь предложения, как сделать так, чтобы меню оставалось открытым после нажатия кнопки? Будем очень признательны за любую помощь!
Заранее спасибо!

Подробнее здесь: https://stackoverflow.com/questions/793 ... ggle-issue