v-for循环中如何改变点击当前按钮的背景色，再次点击恢复原来的背景色

Question

Answer 1

6510621184199630956265197955391076597310066407552049965440765328097310209949864408862439731064353087439669842121853854112175206600207542288409562733071074397741096420984228563118746408832184617746108543296398457518845118540763185228864238852008487317644285309709531106544229687410088410664040974207523307497418309863299627741

Answer 2

https://www.imooc.com/wenda/detail/338948https://www.imooc.com/wenda/detail/335356https://www.imooc.com/wenda/detail/335705https://www.imooc.com/wenda/detail/342147https://www.imooc.com/wenda/detail/345250https://www.imooc.com/wenda/detail/345424https://www.imooc.com/wenda/detail/341512https://www.imooc.com/wenda/detail/340896https://www.imooc.com/wenda/detail/355070https://www.imooc.com/wenda/detail/338503https://www.imooc.com/wenda/detail/345942https://www.imooc.com/wenda/detail/345850https://www.imooc.com/wenda/detail/345850https://www.imooc.com/wenda/detail/345864https://www.imooc.com/wenda/detail/333042https://www.imooc.com/wenda/detail/349597https://www.imooc.com/wenda/detail/354638https://www.imooc.com/wenda/detail/341413https://www.imooc.com/wenda/detail/335353https://www.imooc.com/wenda/detail/333025https://www.imooc.com/wenda/detail/336516https://www.imooc.com/wenda/detail/338716https://www.imooc.com/wenda/detail/340171https://www.imooc.com/wenda/detail/335440https://www.imooc.com/wenda/detail/341084https://www.imooc.com/wenda/detail/350819https://www.imooc.com/wenda/detail/353507https://www.imooc.com/wenda/detail/338313https://www.imooc.com/wenda/detail/348461https://www.imooc.com/wenda/detail/349610https://www.imooc.com/wenda/detail/335085https://www.imooc.com/wenda/detail/344898https://www.imooc.com/wenda/detail/339553https://www.imooc.com/wenda/detail/337442https://www.imooc.com/wenda/detail/332471https://www.imooc.com/wenda/detail/332655https://www.imooc.com/wenda/detail/343357https://www.imooc.com/wenda/detail/350721https://www.imooc.com/wenda/detail/336265https://www.imooc.com/wenda/detail/353253https://www.imooc.com/wenda/detail/338728https://www.imooc.com/wenda/detail/348501https://www.imooc.com/wenda/detail/335432https://www.imooc.com/wenda/detail/345423https://www.imooc.com/wenda/detail/356363https://www.imooc.com/wenda/detail/347908https://www.imooc.com/wenda/detail/336636https://www.imooc.com/wenda/detail/333540https://www.imooc.com/wenda/detail/344671https://www.imooc.com/wenda/detail/346343https://www.imooc.com/wenda/detail/346611https://www.imooc.com/wenda/detail/333293https://www.imooc.com/wenda/detail/338581https://www.imooc.com/wenda/detail/353167https://www.imooc.com/wenda/detail/342322https://www.imooc.com/wenda/detail/332692https://www.imooc.com/wenda/detail/340635https://www.imooc.com/wenda/detail/335181https://www.imooc.com/wenda/detail/332909https://www.imooc.com/wenda/detail/353096https://www.imooc.com/wenda/detail/354539https://www.imooc.com/wenda/detail/352018https://www.imooc.com/wenda/detail/346511https://www.imooc.com/wenda/detail/333886https://www.imooc.com/wenda/detail/332034https://www.imooc.com/wenda/detail/346721https://www.imooc.com/wenda/detail/344966https://www.imooc.com/wenda/detail/341268https://www.imooc.com/wenda/detail/347315https://www.imooc.com/wenda/detail/345270https://www.imooc.com/wenda/detail/342487https://www.imooc.com/wenda/detail/337345https://www.imooc.com/wenda/detail/342162https://www.imooc.com/wenda/detail/350797https://www.imooc.com/wenda/detail/345841https://www.imooc.com/wenda/detail/334688https://www.imooc.com/wenda/detail/351082https://www.imooc.com/wenda/detail/339276https://www.imooc.com/wenda/detail/334558https://www.imooc.com/wenda/detail/337784

Answer 3

https://www.imooc.com/wenda/detail/338948https://www.imooc.com/wenda/detail/335356https://www.imooc.com/wenda/detail/335705https://www.imooc.com/wenda/detail/342147https://www.imooc.com/wenda/detail/345250https://www.imooc.com/wenda/detail/345424https://www.imooc.com/wenda/detail/341512https://www.imooc.com/wenda/detail/340896https://www.imooc.com/wenda/detail/355070https://www.imooc.com/wenda/detail/338503https://www.imooc.com/wenda/detail/345942https://www.imooc.com/wenda/detail/345850https://www.imooc.com/wenda/detail/345850https://www.imooc.com/wenda/detail/345864https://www.imooc.com/wenda/detail/333042https://www.imooc.com/wenda/detail/349597https://www.imooc.com/wenda/detail/354638https://www.imooc.com/wenda/detail/341413https://www.imooc.com/wenda/detail/335353https://www.imooc.com/wenda/detail/333025https://www.imooc.com/wenda/detail/336516https://www.imooc.com/wenda/detail/338716https://www.imooc.com/wenda/detail/340171https://www.imooc.com/wenda/detail/335440https://www.imooc.com/wenda/detail/341084https://www.imooc.com/wenda/detail/350819https://www.imooc.com/wenda/detail/353507https://www.imooc.com/wenda/detail/338313https://www.imooc.com/wenda/detail/348461https://www.imooc.com/wenda/detail/349610https://www.imooc.com/wenda/detail/335085https://www.imooc.com/wenda/detail/344898https://www.imooc.com/wenda/detail/339553https://www.imooc.com/wenda/detail/337442https://www.imooc.com/wenda/detail/332471https://www.imooc.com/wenda/detail/332655https://www.imooc.com/wenda/detail/343357https://www.imooc.com/wenda/detail/350721https://www.imooc.com/wenda/detail/336265https://www.imooc.com/wenda/detail/353253https://www.imooc.com/wenda/detail/338728https://www.imooc.com/wenda/detail/348501https://www.imooc.com/wenda/detail/335432https://www.imooc.com/wenda/detail/345423https://www.imooc.com/wenda/detail/356363https://www.imooc.com/wenda/detail/347908https://www.imooc.com/wenda/detail/336636https://www.imooc.com/wenda/detail/333540https://www.imooc.com/wenda/detail/344671https://www.imooc.com/wenda/detail/346343https://www.imooc.com/wenda/detail/346611https://www.imooc.com/wenda/detail/333293https://www.imooc.com/wenda/detail/338581https://www.imooc.com/wenda/detail/353167https://www.imooc.com/wenda/detail/342322https://www.imooc.com/wenda/detail/332692https://www.imooc.com/wenda/detail/340635https://www.imooc.com/wenda/detail/335181https://www.imooc.com/wenda/detail/332909https://www.imooc.com/wenda/detail/353096https://www.imooc.com/wenda/detail/354539https://www.imooc.com/wenda/detail/352018https://www.imooc.com/wenda/detail/346511https://www.imooc.com/wenda/detail/333886https://www.imooc.com/wenda/detail/332034https://www.imooc.com/wenda/detail/346721https://www.imooc.com/wenda/detail/344966https://www.imooc.com/wenda/detail/341268https://www.imooc.com/wenda/detail/347315https://www.imooc.com/wenda/detail/345270https://www.imooc.com/wenda/detail/342487https://www.imooc.com/wenda/detail/337345https://www.imooc.com/wenda/detail/342162https://www.imooc.com/wenda/detail/350797https://www.imooc.com/wenda/detail/345841https://www.imooc.com/wenda/detail/334688https://www.imooc.com/wenda/detail/351082https://www.imooc.com/wenda/detail/339276https://www.imooc.com/wenda/detail/334558https://www.imooc.com/wenda/detail/337784

Answer 4

https://www.imooc.com/wenda/detail/338948https://www.imooc.com/wenda/detail/335356https://www.imooc.com/wenda/detail/335705https://www.imooc.com/wenda/detail/342147https://www.imooc.com/wenda/detail/345250https://www.imooc.com/wenda/detail/345424https://www.imooc.com/wenda/detail/341512https://www.imooc.com/wenda/detail/340896https://www.imooc.com/wenda/detail/355070https://www.imooc.com/wenda/detail/338503https://www.imooc.com/wenda/detail/345942https://www.imooc.com/wenda/detail/345850https://www.imooc.com/wenda/detail/345850https://www.imooc.com/wenda/detail/345864https://www.imooc.com/wenda/detail/333042https://www.imooc.com/wenda/detail/349597https://www.imooc.com/wenda/detail/354638https://www.imooc.com/wenda/detail/341413https://www.imooc.com/wenda/detail/335353https://www.imooc.com/wenda/detail/333025https://www.imooc.com/wenda/detail/336516https://www.imooc.com/wenda/detail/338716https://www.imooc.com/wenda/detail/340171https://www.imooc.com/wenda/detail/335440https://www.imooc.com/wenda/detail/341084https://www.imooc.com/wenda/detail/350819https://www.imooc.com/wenda/detail/353507https://www.imooc.com/wenda/detail/338313https://www.imooc.com/wenda/detail/348461https://www.imooc.com/wenda/detail/349610https://www.imooc.com/wenda/detail/335085https://www.imooc.com/wenda/detail/344898https://www.imooc.com/wenda/detail/339553https://www.imooc.com/wenda/detail/337442https://www.imooc.com/wenda/detail/332471https://www.imooc.com/wenda/detail/332655https://www.imooc.com/wenda/detail/343357https://www.imooc.com/wenda/detail/350721https://www.imooc.com/wenda/detail/336265https://www.imooc.com/wenda/detail/353253https://www.imooc.com/wenda/detail/338728https://www.imooc.com/wenda/detail/348501https://www.imooc.com/wenda/detail/335432https://www.imooc.com/wenda/detail/345423https://www.imooc.com/wenda/detail/356363https://www.imooc.com/wenda/detail/347908https://www.imooc.com/wenda/detail/336636https://www.imooc.com/wenda/detail/333540https://www.imooc.com/wenda/detail/344671https://www.imooc.com/wenda/detail/346343https://www.imooc.com/wenda/detail/346611https://www.imooc.com/wenda/detail/333293https://www.imooc.com/wenda/detail/338581https://www.imooc.com/wenda/detail/353167https://www.imooc.com/wenda/detail/342322https://www.imooc.com/wenda/detail/332692https://www.imooc.com/wenda/detail/340635https://www.imooc.com/wenda/detail/335181https://www.imooc.com/wenda/detail/332909https://www.imooc.com/wenda/detail/353096https://www.imooc.com/wenda/detail/354539https://www.imooc.com/wenda/detail/352018https://www.imooc.com/wenda/detail/346511https://www.imooc.com/wenda/detail/333886https://www.imooc.com/wenda/detail/332034https://www.imooc.com/wenda/detail/346721https://www.imooc.com/wenda/detail/344966https://www.imooc.com/wenda/detail/341268https://www.imooc.com/wenda/detail/347315https://www.imooc.com/wenda/detail/345270https://www.imooc.com/wenda/detail/342487https://www.imooc.com/wenda/detail/337345https://www.imooc.com/wenda/detail/342162https://www.imooc.com/wenda/detail/350797https://www.imooc.com/wenda/detail/345841https://www.imooc.com/wenda/detail/334688https://www.imooc.com/wenda/detail/351082https://www.imooc.com/wenda/detail/339276https://www.imooc.com/wenda/detail/334558https://www.imooc.com/wenda/detail/337784

Answer 5

直接加个判断就行了，进入点击事件 ： true fasle变量=！变量 判断赋值

Answer 6

绑定事件，点击取反