Как добавить класс активному табу?

Question

[MeMoJlor]

Добрый день. Есть табы:

<template>
  <section class="navbar">
    <div class="tabs">
        <div class="tab" @click="$router.push('/')">
          <span>Мой профиль</span>
        </div>
        <div class="tab" @click="$router.push('/stat')">
          <span>Статистика</span>
        </div>
        <div class="tab" @click="$router.push('/diary')">
          <span>Дневник</span>
        </div>
    </div>
  </section>
</template>

Я хотел бы активному табу задать класс. Подскажите как это можно реализовать? Использовать :class?

Answer 1

[0xD34F]

<div class="tab" @click="$router.push('/')">

Заменить эту ерунду на router-link. Там добавление класса уже реализовано, осталось только стили ему прописать.