問題描述

初始選中第一個(gè)

但現(xiàn)在選中另一個(gè)其他被選中的不取消選中樣式

代碼如下

請問是哪里出了問題，我的理解是改變了clickindex后界面重新渲染，然后其它c(diǎn)ell的index和clickindex不等則會(huì)賦予正常的樣式，但好像并不是這樣

問題解答

這個(gè) clickindex 和 this.index 都是在列表項(xiàng)的組件上的吧？所以導(dǎo)致的問題。

應(yīng)該把clickindex保存在列表那個(gè)組件上，然后通過props傳進(jìn)列表項(xiàng)中。而點(diǎn)擊事件則應(yīng)冒泡到列表組件中，然后讓列表組件修改clickindex。

vue 是用數(shù)據(jù)驅(qū)動(dòng)試圖的 methods: {

incrementTotal: function (a) { for(let i=0;i<this.list.length;i++){ if(i==(a-1)){ this.list[i].Active=true }else { this.list[i].Active=false } } } 這事我寫的方法