Значение Vue Route BroeadCrumbs — это обновление страницы

#javascript #vue.js #vuejs3

Вопрос:

Сегодня я обнаружил очень необычную ошибку в своем проекте. Я пытаюсь показать значение панировочных сухарей в своем макете, но каждый раз, когда я импортирую route.meta.breadcrumbs.value в шаблон, это компонент повторной отправки, и каждый запрос удваивается.

Итак, что же у меня есть. В основном файле.ts это случайно.

 import App from '@/layout/App.vue'
const app: App = createApp(App)
app.mount('#app')
 

Итак, в App.vue у меня есть визуализатор для панировочных сухарей, и это похоже

 <div>
 {{$t(route.meta.breadcrumbs.value)}}
</div>
 

И вот как я определяю панировочные сухари в других компонентах:

 route.meta.breadcrumbs.value = 'asda'
 

Так что все просто, как есть, когда я пишу только route.meta.breadcrumbs без value него, страница не обновляется.
Имейте в виду, что эта проблема возникает только тогда, когда я обновляю эту страницу, если я нажимаю на маршрутизатор vue, чтобы перейти на эту страницу, все в порядке, вот почему это необычная проблема.

У кого-нибудь были подобные проблемы?

Редактировать: Проблема определенно возникает, route.meta.breadcrumbs.value = 'asda' но у меня все еще нет решения