Vue.JS：单击 CLICK-ME 时，我只想更改背景颜色这个 CHANGE-COLOR答案

【问题标题】：Vue.JS: On click CLICK-ME, I want change background-color only this CHANGE-COLORVue.JS：单击 CLICK-ME 时，我只想更改背景颜色这个 CHANGE-COLOR
【发布时间】：2020-04-09 10:35:20
【问题描述】：

<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 $(document).on('click', '.CLICK-ME', function(){ $(this).addClass('red'); });

【问题讨论】：

标签： javascript css vue.js

【解决方案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>

【讨论】：