Как во vue router-link контролировать значение параметра

Суть в следующем. Есть такой пункт навигации

<li>
   <router-link :to="{ name: 'users', path: ‘/users’, params: { formVisible: false }}">Пользователи</router-link> 
   <router-link :to="{ name: 'users', path: ‘/users’, params: { formVisible: true }}">+</router-link>
</li>

Т.е. в одной li заключены две ссылки «Пользователи» и «+» При нажатии на «Пользователи» мы переходим на страницу со списком пользователей. А при нажатии на «+» переходим на ту же страницу списка пользователей, но с появившейся формой добавления пользователя.

Страница со списком пользователей — это компонент с формой добавления, но видимость этой формы регулируется параметром formVisible.

Вопрос в том, можно ли как-то передавать разные параметры в один компонент (по одному и тому же пути) в двух ссылках, чтобы как-то управлять видимостью формы.

Также находясь на странице со списком пользователей и нажатием на "+" - форма должна появиться.

Тот способ, что я описал выше почему-то не работает


Ответы (0 шт):