Vue. JS: при нажатии CLICK-ME я хочу изменить цвет фона только этот CHANGE-COLOR

Question

<div v-for="(todo, n) in todos"> 
   <i class="CLICK-ME"></i>
   <li class="CHANGE-COLOR">
     {{ todo.name }} 
   </li>
</div>

like $ (document) .on ('click', '.CLICK-ME', function () {$ (this). css ("background-color", "red") ;});

or $ (документ) .on ('click', '.CLICK-ME', function () {$ (this) .addClass ('red');});

Answer 1

Вы должны изменить цвет следующим образом:

<div v-for="(todo, n) in todos"> 
   <i class="CLICK-ME" @click="$event.target.classList.toggle('red')"></i>
   <li class="CHANGE-COLOR">
     {{ todo.name }} 
   </li>
</div>