If it could help,

For well debuging in chrome or visual studio code on mac osx,
I have to replace devtool param in webpack.dev.conf.js
#cheap-module-eval-source-map by #eval-source-map

Like this :
module.exports = merge(baseWebpackConfig, {
// eval-source-map is faster for development
devtool: ‘#eval-source-map’, // ‘#cheap-module-eval-source-map’,
…
}

Hope

Hello
Resolved by using path and exact directives.

<q-drawer-link v-for=“cat in getUserCategorieList” icon=“pages” :to="{ path: ‘/showcat/’ + cat.code, exact: true }">
{{ cat.nom }}
</q-drawer-link>

Hello

I relatively same problem with named route like this.

<q-drawer-link v-for=“cat in getUserCategorieList” icon=“pages” :to="{ name: ‘showcat’, params: { code: cat.code } }">
{{ cat.nom }}
</q-drawer-link>

routes: [{
        path: '/demarrage',
        component: load('demarrage'),
        name: 'demarrage'
    },
    {
        path: '/profil',
        component: load('profil'),
        name: 'profil'
    },
    {
        path: '/',
        component: load('Index'),
        children: [{
                path: '/accueil/',
                component: load('accueil'),
                name: 'accueil'
            },
            {
                path: '/showcat/:code',
                component: load('listcat'),
                name: 'showcat',
                props: true
            },
            {
                path: '*',
                redirect: { name: 'accueil' }
            }
        ]
    },
    // Default
    { path: '*', component: load('Error404') } // Not found
]

})

In my case, links and router works fine but all q-drawer-link are selected

Thank for help.

It would be really great if you could just develop in cordova browser mode.
For the moment, the only solution I found is to manually add the tag <script type=“text/javascript” src=“cordova.js”></script> to use this mode.