Vue如何实现改变ul中指定li的样式

Question

用v-for循环出3个li，分别都有一个button，我想实现点击某个li的button，就改变当前点击的button的背景色（red->blue），再点击，则回复原状。不能出现：1、点击第一个button后，再点击第二个，第二个样式改变，但第一个的button会回复原样2、点击一个，3个样式都一起改伪代码如下：点我exportdefault{methods:{click(item){}}}.red{background:red;}.blue{background:blue;}

Answer 1

说白了你就是想list出来的每个item都单独控制嘛
你可以把每个item的状态放到对应的item上，然后就很明显了：
点我
click(item){
item.color=item.color==='red'?'blue':'red';
}