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

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

от aubree , в категории: JavaScript , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от narciso , год назад

@aubree 

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

от eudora , 4 месяца назад

@aubree 

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

  1. Откройте файл шаблона в вашем проекте Nuxt.js (обычно это файл layouts/default.vue).
  2. Обратите внимание, что файл шаблона имеет доступ к объекту context, который содержит различные свойства и методы Nuxt.js.
  3. Чтобы получить title страницы, используйте свойство $head.title в шаблоне следующим образом:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<template>
  <div>
    <head>
      <title>{{ $head.title }}</title>
    </head>
    <body>
      <!-- Содержимое страницы -->
    </body>
  </div>
</template>


Обратите внимание, что $head.title содержит данные, которые вы установили в свойстве title для каждого маршрута в вашем приложении Nuxt.js.