I use the :to property with my route name, but still renders an <a> element with href="#".
Link still works; seems to handle a kind of onclic event. No problem.
But I expected href to be set to the exact route.
Router config:
const routes = [
//...
{ path: '/auth/login', name: 'auth.login', component: require('./pages/auth/login.vue') },
{ path: '/auth/register', name: 'auth.register', component: require('./pages/auth/register.vue') },
// ...
]
const router = new Router({
routes,
scrollBehavior,
mode: 'history'
})
I use:
<b-btn variant="primary" :to="{ name: 'auth.register' }">Sign up</b-btn>
Renders to:
<a href="#" class="btn btn-primary" target="_self">Sign up</a>
It adds an event listener for click.
I expect:
<a href="/auth/login" class="btn btn-primary" target="_self">Sign up</a>
Versions