Реквизит обновляется только после второго клика ⇐ Javascript

[Гость]

Проблема в моем нижнем колонтитуле, который обновляется только после второго нажатия кнопки. Я использую vuetify и Vue2. Я пытался изменить некоторые свойства vuetify, но это не сработало

данные() { возвращаться { значение: 'работа', } }, смотреть: { предварительное значение: { немедленно: правда, глубокий: правда, обработчик (значение) { if(val === 'меню'){ this.value = 'меню'; } console.log(this.preValue) } } }, методы: { домаBtn() { this.value = 'работа'; this.$router.push({name: 'home'}).catch(() => { }); }, менюBtn() { this.value = 'меню'; this.$router.push({name: 'home-menu'}).catch(() => { }); }, устройствоBtn() { this.value = 'устройство'; this.$router.push({name: 'device-home-menu'}).catch(()=>{}) }, logoutBtn() { this.dialog = !this.dialog; } }, реквизит: { предварительное значение: { тип: Строка, по умолчанию: «работа» } } } Я ожидаю, что когда я нажимаю на кнопки, отображается правильное свойство