Как реализовать смену цвета при клике в списке vue?

Question

[fostsinger]

при клике на один из элементов должен изменяться цвет . у меня изменяются сразу 2 .как исправить это?

<div class="example" :class="{ ' is-active' : isActive }" v-on:click="isActive=!isActive" >
        <a href="#"   >example1</a>
        <a href="#" >example2</a> </div>
<style>
  .is-active a{

    color: white;
    font-size: 15px;

  }
</style>

Answer 1

[0xD34F]

Раз у вас список - значит, наверное, за цвет каждого элемента должно отвечать отдельное значение, а не как у вас - одно на всех. Наверное, эти отдельные значения должны быть свойствами элементов массива, на основе которого разметка будет создаваться с помощью v-for, а не как у вас - вручную. Наверное, если элементы должны менять цвет независимо, соответствующий класс и обработчик клика должны назначаться самим элементам, а не как у вас - контейнеру.

UPD. jsfiddle.net/42bfx93e