# v-for出来的数据如何实现点击那个元素,那个元素样式变化
- ## 首先在template
<template>
<div class="btn">
<div :class="active===index1?'btna':'btns' "
v-for="(item,index1) in btn"
:key="index1"
@click="control(index1)">{
{item}}</div>
</div>
</template>
## 在script
export default {
name: "power",
data () {
return {
btn: ["开", "关"],
active: 0,
},
methods: {
control (index1) {
this.active = index1
console.log(this.active)
},
}
- ## 在css样式里面写你想要给的样式样式不全oo: