Parámetros opcionales en Vue Router

- Andrés Cruz

In english
Parámetros opcionales en Vue Router

Cuando estás trabajando con las Rutas en Vue con Vue Router; seguramente te va a interesar definir parámetros a tus rutas en Vue; y más que esto, que algunos sean opcionales; para eso, lo único que tienes que hacer es colocar el signo de ? delante del parámetro.

Los parámetros opcionales son una característica que permiten definir parte de una ruta como opcional al momento de navegar entre diferentes componentes.

Los parámetros opcionales se definen utilizando los signos de interrogación (?) en la ruta. Por ejemplo, si tienes una miruta/post/:id?, el parámetro id se considera opcional. Esto significa que la ruta /post y la miruta/post/123 ambas serán válidas.

Cuando se utiliza un parámetro opcional en una ruta, puedes acceder a su valor en el componente correspondiente a través de this.$route.params. Si el parámetro opcional no está presente en la URL, su valor será undefined.

export const routes = [
...
    {
        name: 'home',
        path: '/test/:param1?',
        component: Home
    },
...
]

Solo agrego un signo de interrogación ? lo hará opcional

Andrés Cruz

Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz en Udemy

Acepto recibir anuncios de interes sobre este Blog.