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


}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM