Получите "активное" состояние ссылки маршрутизатора, чтобы соответствовать prop - PullRequest
Новая
       16

Получите "активное" состояние ссылки маршрутизатора, чтобы соответствовать prop

0 голосов
/ 07 мая 2018

Я работаю над проектом, который использует Vue и vue-router, и его маршруты глубоко вложены (например, 2/company/staff/1/timeline).

Теперь я дошел до части (...) /staff/:id и столкнулся с проблемой: независимо от того, какое значение имеет опора id, все ссылки на маршруты отображаются как активные. У кого-нибудь была такая проблема раньше?

P.S .: Я пытался exact, не работает. 

<router-link tag="li" :to="{ name: 'business.staff.single', props: {id: 1} }">
  <div class="avatar" style="background-image: url('url');"></div>
  <div class="details">User 1</div>
</router-link>

<router-link tag="li" :to="{ name: 'business.staff.single', props: {id: 2} }">
  <div class="avatar" style="background-image: url('url');"></div>
  <div class="details">User 2</div>
</router-link>

<router-link tag="li" :to="{ name: 'business.staff.single', props: {id: 3} }">
  <div class="avatar" style="background-image: url('url');"></div>
  <div class="details">User 3</div>
</router-link>

1 Ответ

0 голосов
/ 07 мая 2018

Плохо, я не работал с vue-router в последнее время, и теперь я перепутал params с props. Оказывается, мне пришлось использовать params вместо этого, а затем он работает по умолчанию.

...