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 150 cursos de PHP y JavaScript?

¿Quieres ganar tiempo en tus desarrollos con nuestros proyectos descargables?


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

Hazte Premium y consigue acceso completo
Cursosdesarrolloweb ©. Todos los derechos reservados.

Login

Create an Account Back to login/register
¡YA ESTÁ AQUÍ HALLOWEEN! LA MEJOR PROMOCIÓN DEL AÑO
¡HALLOWEEN 2021!