Estoy pasando el valor de una consulta utilizando el vue-head para el titulo del navegador pero cuando paso los datos no pasa ningún dato en el encabezado solo me manda un mensaje como "undefined" en la parte superior del navegador, este es el codigo:
export default {
data: () => ({
video: {}
}),
methods: {
getVideo() {
this.api.http.get(`videos/${this.videoSlug}`)
.then(response => {
this.video = response['data'][0]
})
}
},
head: {
title: function() {
return {
inner: this.video.name,
separator: '|',
complement: 'Canal 10'
};
}
}
}
cuando paso el valor de esta forma me manda con "undefined" pero si paso cualquier dato de forma estatica como por ejemplo " inner: 'Revista' " lo muestra en el navegador, alguna idea de como puedo solucionar esta situación??