Cambiar el document.title en Vuejs 2 de forma dinámica

Cambiar el document.title en Vuejs 2 de forma dinámica
Vamos a ver lo sencillo que es cambiar el document.title en Vuejs 2, en nuestro caso lo vamos a hacer utilizando el caso más típico, haciendo uso del router de vue.

Para ello nos vamos a aprovechar del objeto meta que solemos utilizar en el sistema de rutas, ya que es un objeto y podemos pasarle los datos que necesitemos, vamos a pasarle también un título de la siguiente forma.

Si te fijas, dentro de meta estamos pasando un título, para que sea utilizado en cada cambio de ruta, simplemente debemos utilizar beforeEach en nuestras rutas y establecerlo.

A partir de ahora, cada vez que hagas un cambio de ruta, el título de tu app será actualizado y todo estará funcionando como esperabas.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies
No te pierdas los últimos cursos y las nuevas promociones de CursosdesarrollowebACCEDER AHORA
+ +