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