Queria adicionar um URL em cada B-TAB, pois quando recarrega a página ele volta na primeira tab

Queria adicionar um URL em cada TAB, ( UM EXEMPLO , usuário atualiza a página e ainda continua na mesma página), é assim, quando o usuário cadastra algo no sistema a página automaticamente já da um reload na página, mas como a tabela está na mesma rota ele volta pro primeiro componente(aba), gostaria que quando ele cadastra-se, ele continua-se na mesma aba! segue imagem de exemplo. Se fosse em HTML era só usar um href, aqui já não faço ideia de como fazer para que essas tabs tenha url diferentes.


Código:
<template>
<div class="TelaGestao">
<PageTitle icon="fa fa-desktop" main =" Gestão Inventário TI"
sub="Infraestrutura de TI" />
<div class="tela-gestao-tabs">
<!-- b tem referencia com bootstrap + vue-->
<b-card no-body>
<b-tabs card>
<b-tab title="Funcionários">
<RegisterFuncionario/>
</b-tab>
<b-tab title="Localização">
<RegisterLocalizacao />
</b-tab>
<b-tab title="Responsavel">
<RegisterResponsavel />
</b-tab>

</b-tabs>
</b-card>
</div>
</div>
</template>

<script>
import PageTitle from '@/components/template/PageTitle'
import RegisterFuncionario from './RegisterFuncionario'
import RegisterLocalizacao from './RegisterLocalizacao'
import RegisterResponsavel from './RegisterResponsavel'


export default {
name: 'TelaGestao',
components: { PageTitle, RegisterFuncionario, RegisterLocalizacao, RegisterResponsavel}

}
</script>

<style>

</style>