Почему не меняется params?

Question

[Никита Кудинов]

Задал роутер подобный:

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>

Пробую такую последовательность:

1. нажимаю на "Все пользователи" -> меняется router-view
   
2. нажимаю на первый элемент из all_roles -> меняется router-view
   
3. нажимаю на второй компонент из all_roles -> не меняется router-view
   

А меняется только тогда когда я нажму снова на "Все пользователи" и на какой либо компонент.

Почему это происходит и как это исправить?

Comments

[Михаил]

Полагаю что компонент не перерендывается, роут то один и тот же

Answer 1

[Андрей Пастухов]

А если роут так прописать ?

{ path: '/role/:role', component: Table, name: 'roles', props: true },

Comments

[Никита Кудинов]

Поставил, теперь передаёт 0 в компонент, хотя в дебаггере всё написано нормально.