Задал роутер подобный:
const routes = [
{ path: '', component: Table, name: 'main', props: true },
{ path: '/role', component: Table, name: 'roles', props: true },
]
Когда нажимаю на
<router-link :to="{name: 'main', params: {role: 0}}">Все пользователи</router-link>
, router-view меняется.
У меня из json подтягивается в all_roles данные и всё на странице отображается:
<li v-for="r in all_roles" :key="parseInt(r.id)">
<router-link :to="{name: 'roles', params: {role: parseInt(r.id)} }">[[ r.title ]]</router-link>
</li>
Пробую такую последовательность:
- нажимаю на "Все пользователи" -> меняется router-view
- нажимаю на первый элемент из all_roles -> меняется router-view
- нажимаю на второй компонент из all_roles -> не меняется router-view
А меняется только тогда когда я нажму снова на "Все пользователи" и на какой либо компонент.
Почему это происходит и как это исправить?
