vue常见登陆注册按钮切换效果
<div v-for="(item,index) in list">
<div :class="{current:item.current}":key="{{item.current}}" @click="toggle(item)">{{item.text}}</div>
</div>
return{
list:[
{
text:"登陆",
current:true
},
{
text:"注册",
current:false
}
]
}
toggle(data){
this.list.forEach((ele)=>{
ele.current=false
})
console.log(data)
data.current=true
}