鍍金池/ 問答/數(shù)據(jù)分析&挖掘  HTML/ vue li循環(huán)添加@click 事件,中間的加號(hào)不要添加事件

vue li循環(huán)添加@click 事件,中間的加號(hào)不要添加事件

頁面效果:
沒點(diǎn)擊中間+號(hào)的之前,本來首頁的樣式的是如圖1的,,當(dāng)你點(diǎn)擊中間+號(hào)之后,首頁的樣式就會(huì)沒了,如圖2,這該怎么解決呢?
圖1
clipboard.png

圖2
clipboard.png

代碼

clipboard.png

clipboard.png

問題:li循環(huán)添加@click 事件,怎么讓中間的加號(hào)不要添加事件,還有一個(gè)問題就是當(dāng)你點(diǎn)擊中間+號(hào)之后,保留導(dǎo)航欄原來的樣式,,就比如沒點(diǎn)擊+號(hào)之前,首頁的樣式如圖1,,點(diǎn)擊+號(hào)之后,首頁的樣式如圖2,,

回答
編輯回答
氕氘氚

可以直接在selectNav這個(gè)方法中判斷索引為2的不做處理就可以了

2018年8月24日 19:41
編輯回答
挽青絲

方法有很多,我簡單寫一種:click觸發(fā)的函數(shù)里面


selectNav(title,index) {
    if(index === 2) {  //"+"號(hào)對(duì)應(yīng)的index為2,點(diǎn)擊直接返回
        return false;
    }
    //...
}
2017年5月12日 05:06
編輯回答
獨(dú)特范

綁定事件的時(shí)候:

@click="item.title!='' && selectNav(item.title,index)"
2018年4月24日 13:27