Cambiar el título en Vuejs 2 de forma dinámica

Fecha de publicación: junio 10, 2019

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on google
Google+
Share on whatsapp
WhatsApp
Share on email
Email

Vamos a ver lo sencillo que es cambiar el título en Vuejs 2, en nuestro caso lo vamos a hacer utilizando el caso más típico, haciendo uso del router de Vuejs.

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.

¿Quieres acceder a más de 100 cursos de PHP y JavaScript?

Vuejs, Laravel, NodeJS, WordPress, Serverless, React Native, Amazon Web Services y mucho más

Quiero hacerme Premium
Cursosdesarrolloweb ©. Todos los derechos reservados.

Login