@beduin01

Как поменять переменную в шаблоне из роутера?

Есть App.vue:

<template>
  <div id="app">
    <Header-Component></Header-Component>
    <router-view></router-view>
  </div>
</template>

<script>
    import router from './router'
    import Vue from 'vue'
    import HeaderComponent from './components/Header'
  
    import axios from 'axios'

    export default {
        name: 'app',
        router,
        components: {
            HeaderComponent
        }
    }
</script>


Head.vue:
<template>
<div>
	{{ModuleName}}
</div>
<template>


Роутинг выглядит так:
const router = new Router({
    'mode': 'history',
    'routes': [{
            path: '/',
            component: SearchPage,
        },
        {
            path: '/analytic',
            component: AnalyticPage,
        },
    ]
})
export default router


Как мне из роутинга поменять название `ModuleName`. На странице поиска написать: "Поиск", а на странице Аналитики: "Аналитика". Если бы `ModuleName` был в каждом компоненте свой вопросов бы не было. А тут где-то глобальный получается нужен и еще из роутинга его нужно как-то выставить.
  • Вопрос задан
  • 55 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Можно использовать метаданные маршрутов:

routes: [
  {
    ...
    meta: { pageTitle: 'hello, world!!' },
  },
  {
    meta: { pageTitle: 'fuck the world' },
  },
  ...
],

<div>{{ $route.meta.pageTitle }}</div>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
ДП-Экспресс Санкт-Петербург
от 130 000 до 200 000 ₽
PLATFORM Тюмень
от 100 000 до 150 000 ₽
Astroshock Москва
от 110 000 до 180 000 ₽