Как установить заголовок страницы в Vue 2, который будет работать при загрузке страницы, из компонента

Я пытаюсь установить заголовок страницы из компонента, так как есть динамические свойства, которые изменят содержимое заголовка.

Используя примеры, которые я нашел здесь, расскажите о настройке this.$route.meta.pageTitle. Это работает только при переходе на страницу через приложение, а не при обновлении страницы или загрузке из закладки.

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

Как установить заголовок в этих условиях нагрузки?

vuejs2 seo accessibility vue-router

24.11.2022 10:19

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

В компоненте вам нужно установить document.title, а не метаданные маршрута.

created () {
    this.$route.meta.title = `${myDynamicProp} - my site`
    document.title = this.$route.meta.title;
}

24.11.2022 10:19

Другие вопросы по теме

Angular SEO, как правильно реализовать динамический заголовок и мета?

Структурированные данные не собираются в инструменте тестирования расширенных результатов Google, но работают в других инструментах

Как создать правило перенаправления для страниц 404 с разными путями

Как имитировать плохую оценку первой задержки ввода (Web Core Vitals)?

Действительно ли хорошо использовать пакет npm react-helmet для SEO? -Reactjs

Какой тег HTML подойдет для аннотации статьи?

Использование PHP для канонических URL

Как я могу избежать сверления пропеллеров с помощью безголовой CMS? Я думаю, контекстный API вредит SEO

Приложение Next js с SSR не выполняет предварительный рендеринг HTML, поэтому веб-скрейперы не могут получить доступ к контенту

Текст нельзя выбрать, и это вызывает проблемы с SEO

Как установить заголовок страницы в Vue 2, который будет работать при загрузке страницы, из компонента

Ответы 1

Другие вопросы по теме

Похожие вопросы