flowbite-vue

flowbite-vue copied to clipboard

In case when one has nested pages like: /tool, and /tool/foo in the route definition we have the following:

const routes: RouteRecordRaw[] = [
    {
        component: ...,
        name: 'rool-route',
        path: '/tool',
        children: [
            name: 'tool-foo-name'
            path: 'foo',
            component: ...,
        ]
    }
]

Note that in the children, the path are always relative to their parent component's path.

If one would like to use named routes, the prop of the <RouterLink> expected the following type: { name: string }. So it must be used like:

<RouterLink to:"{ name: 'tool-foo-name' }">