Не подскажите как мне сделать активным выбранный элемент? Путь совпадает

у меня для router-link, сейчас все элементы активные получаются.


<div v-for="(item, j) in horizonsInfo" :key="j">
<router-link
tag="div"
class="item-select"
to="/controller_main"
@click.native="getBpcInfo(item.id)"
>
<div v-if="bpcOnline">
<v-layout align-center justify-space-between row fill-height>
<v-flex md6>
<div class="pr-2">{{item.name}}</div>
</v-flex>
<v-flex sm1 md1>
<div class="pl-3 circle-online"></div>
</v-flex>
</v-layout>
</div>
<div v-else class="pl-4">
<v-layout align-center justify-space-between row fill-height>
<v-flex md6>
<div class="pr-2">{{item.name}}</div>
</v-flex>
<v-flex sm1 md1>
<div class="circle-notonline"></div>
</v-flex>
</v-layout>
</div>
<div class="pl-4">MAC: {{item.meta.mac}}</div>
<div class="pl-4">IP: {{item.meta.ip}}</div>
</router-link>
</div>

пример запили на codepen - тогда ответят скорее всего....

у тебя все элементы будут активными, ибо у всех router-link ссылка одинаковая

Как определяется активный элемент? Как определяется выбранный элемент?