Vue.js router-link to

February 21, 2021
BootstrapVue b-link
<router-link to="bot">Bots</router-link>

<router-link :to="{ path: 'bot' }">Bots</router-link>

<router-link :to="{ path: 'bot', parans: { id: 'xxx' }}">Bot XXX</router-link>

<router-link :to="{ name: 'bot-id', params: { id: 'xxx' }}">Bot XXX</router-link>

<router-link :to="{ npath: 'bot', query: { name: 'yyy' }}">Bot YYY</router-link>

If you are using BootstrapVue

<b-link to="...">Bot</b-link>

NOTE: Refer Nuxt.js Named Routes

References:

This work is licensed under a
Creative Commons Attribution-NonCommercial 4.0 International License.