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


}