鍍金池/ 問答/Java  PHP  Python  HTML/ vue 一個(gè)組件如何操作另一個(gè)組件的css,同級(jí)關(guān)系的組件,如下圖和代碼

vue 一個(gè)組件如何操作另一個(gè)組件的css,同級(jí)關(guān)系的組件,如下圖和代碼

問題

如圖,紅色框?yàn)轭^部,綠色框?yàn)樽髠?cè)導(dǎo)航,
想要一個(gè)點(diǎn)擊三行,相互切換下面兩次圖的效果
jquery已經(jīng)實(shí)現(xiàn)的效果,只是后面移到vue上面來不知道怎么搞了

clipboard.png

clipboard.png

目錄結(jié)構(gòu)

clipboard.png

clipboard.png

css

clipboard.png

clipboard.png

回答
編輯回答
玄鳥

關(guān)于 sidebar 和 header 最好通過 vuex 管理狀態(tài)

2018年7月3日 11:53
編輯回答
熟稔

同意樓上的觀點(diǎn)
如果實(shí)在不想用vuex,可以通過Bus事件的方式給同級(jí)組件傳遞消息通知,組件監(jiān)聽到時(shí)間后更改內(nèi)部的css

2017年11月16日 22:08