第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

Vue如何實(shí)現(xiàn)改變ul中指定li的樣式

Vue如何實(shí)現(xiàn)改變ul中指定li的樣式

哈士奇WWW 2019-05-25 17:59:56
用v-for循環(huán)出3個(gè)li,分別都有一個(gè)button,我想實(shí)現(xiàn)點(diǎn)擊某個(gè)li的button,就改變當(dāng)前點(diǎn)擊的button的背景色(red->blue),再點(diǎn)擊,則回復(fù)原狀。不能出現(xiàn):1、點(diǎn)擊第一個(gè)button后,再點(diǎn)擊第二個(gè),第二個(gè)樣式改變,但第一個(gè)的button會回復(fù)原樣2、點(diǎn)擊一個(gè),3個(gè)樣式都一起改偽代碼如下:點(diǎn)我exportdefault{methods:{click(item){}}}.red{background:red;}.blue{background:blue;}
查看完整描述

2 回答

?
慕工程0101907

TA貢獻(xiàn)1887條經(jīng)驗(yàn) 獲得超5個(gè)贊

說白了你就是想list出來的每個(gè)item都單獨(dú)控制嘛
你可以把每個(gè)item的狀態(tài)放到對應(yīng)的item上,然后就很明顯了:
點(diǎn)我
click(item){
item.color=item.color==='red'?'blue':'red';
}
                            
查看完整回答
反對 回復(fù) 2019-05-25
  • 2 回答
  • 0 關(guān)注
  • 4925 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號