Как получить title страницы в шаблоне на nuxt.js?
Как получить title страницы в шаблоне на nuxt.js?
2 ответа
от
eudora ,
2 года назад
@aubree
Для получения title страницы в шаблоне на Nuxt.js можно воспользоваться мета-свойством $head из объекта context, который передается в шаблон. Для этого выполните следующие шаги:
- Откройте файл шаблона в вашем проекте Nuxt.js (обычно это файл layouts/default.vue).
- Обратите внимание, что файл шаблона имеет доступ к объекту context, который содержит различные свойства и методы Nuxt.js.
- Чтобы получить 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.
15