Как получить title страницы в шаблоне nuxt.js?

Пользователь

от craig.emmerich , в категории: JavaScript , 9 месяцев назад

Как получить title страницы в шаблоне nuxt.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от hobart.rath , 9 месяцев назад

@craig.emmerich 

Вы можете получить заголовок страницы в шаблоне Nuxt.js, используя объект $nuxt и свойство head. Вот как это можно сделать:

1
2
3
4
5
  
    {{ $nuxt.head.title }}
  


В данном примере мы используем двойные фигурные скобки ({{ }}) для вывода значения свойства title объекта $nuxt.head.


Вы также можете использовать это свойство внутри блоков <title>, <meta>, <link> и других элементов <head> для динамического установки данных метаданных страницы:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
  
    
      {{ $nuxt.head.title }}
      
      
    
    {{ $nuxt.head.title }}
  


Обратите внимание, что в данном примере мы используем выражение :content="$nuxt.head.meta.find(meta => meta.name === 'description').content", чтобы найти соответствующий мета-тег по имени и получить его содержимое. Вам может потребоваться настроить это выражение в зависимости от того, как вы храните свои метаданные.