Как получить title страницы в шаблоне nuxt если title задан в отдельном файле который является частью общего шаблона?
Если не ошибаюсь, то в nuxtjs
возможно добавить title
двумя способами:
nuxt.config.js
export default {
head: {
titleTemplate: '%s - Nuxt.js',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
// hid is used as unique identifier. Do not use `vmid` for it as it will not work
{ hid: 'description', name: 'description', content: 'Meta description' }
]
}
}
head()
<template>
<h1>{{ title }}</h1>
</template>
<script>
export default {
data () {
return {
title: 'Hello World!'
}
},
head () {
return {
title: this.title,
meta: [
// hid is used as unique identifier. Do not use `vmid` for it as it will not work
{ hid: 'description', name: 'description', content: 'My custom description' }
]
}
}
}
</script>
Скорее всего, как и asyncData
, head
не сработает в компоненте, этот метод работает только в страницах (*.vue файлах лежащих в папке /pages).
Получить же в title
в самом шаблоне, можно например так:
<template>
<h1>{{ title }}</h1>
</template>
<script>
export default {
data () {
return {
title: ''
}
},
mounted () {
this.title = document.title
}
}
</script>
Если правильно Вас понял и ещё актуально:
this.$meta().resume().metaInfo.title
Подробнее: nuxt.js - meta
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
решил создать небольшую утилитку для решение функций графиковНо столкнулся с проблемой
Я не сильно в regex и это моя проблемаПомогите составить пожалуйста, чтобы в конце строки в обязательном порядке было слово production после тире
Столкнулся со странной ситуацией, инпут дает возможность ввести "+" или "-" после числа, как такое можно побороть? Мне нужна возможность вводить...
Хотите улучшить этот вопрос? Обновите вопрос так, чтобы он вписывался в тематику Stack Overflow на русском