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

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

Vue中動態(tài)添加Class

Vue中動態(tài)添加Class

慕田峪4524236 2019-05-09 09:00:43
在項目中有個v-for循環(huán)出來的列表,循環(huán)對象在computed周期里現(xiàn)在想對這個列表添加點擊事件,點擊時添加一個class,但是并沒有立即成功(更新dom?),要在別的地方觸發(fā)別的事件(如果有的話)才有反應(yīng)。下面附上代碼:html:{{item.text}}js:exportdefault{name:'App2',data(){return{//由于一些需求,arr不能寫在這}},methods:{isActive:function(item,status){console.log(item.checked)if(typeofitem.checked=='undefined'){this.$set(item,'checked',true);}else{item.checked=!item.checked;}console.log(item.checked)},},computed:{arr:function(){return[{text:"A"},{text:"B"},{text:"C"},{text:"D"}]},}}css:.col-5{float:left;width:25%;color:#fff;}.col-5p{background:#000;line-height:50px;text-align:center;}.col-5p.selectActive{background:#f00;}請大佬們指教一下……
查看完整描述

2 回答

?
慕虎7371278

TA貢獻(xiàn)1802條經(jīng)驗 獲得超4個贊

你直接調(diào)用this.$set(item,'checked',true);無法觸發(fā)視圖更新,因為你computed中的arr依賴的值不是data中的數(shù)據(jù),可以手動觸發(fā)視圖更新。
isActive:function(item,status){
console.log(item.checked)
if(item.checked==undefined){
item.checked=true
}else{
item.checked=!item.checked
}
this.$forceUpdate()
console.log(item.checked)
},
建議你arr還是寫在data中。
                            
查看完整回答
反對 回復(fù) 2019-05-09
?
ITMISS

TA貢獻(xiàn)1871條經(jīng)驗 獲得超8個贊

在data里面設(shè)置字段,這樣應(yīng)該可以觸發(fā)事件:
data(){
return{
arr:[
{text:"A",checked:false},
{text:"B",checked:false},
{text:"C",checked:false},
{text:"D",checked:false}
]
}
},
                            
查看完整回答
反對 回復(fù) 2019-05-09
  • 2 回答
  • 0 關(guān)注
  • 1758 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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