Vue的導航欄顯示或隱藏(vue項目nav導航欄的實現(xiàn))
1需要獲取左側(cè)導航欄對象2綁定事件 3css中的顯示隱藏有31displayblock顯示 32display隱藏 33opacity1顯示 34opacity0隱藏,但元素不會徹底消失只是透明度為0,還是會占據(jù)空間。
需求 實現(xiàn)一個弧形的菜單欄,并將激活的菜單項移動到中間位置,點擊按鈕可對該菜單欄進行顯示隱藏按照圓環(huán)弧度計算每個菜單項應該分布的位置并進行設(shè)置,在點擊菜單項時更新菜單的起始角度,重新進行分布忘了。
而底部導航欄是直接在Appvue根組件中使用的,登陸頁也是通過路由顯示在根組件上的,所以登錄頁沒法傳值直接控制底部導航欄的顯示那么我能通過什么解決了,想到了用vuex狀態(tài)管理,開工我這邊把mutations,actions,getters。
vshow 隱藏 是display#39#39 vif 隱藏是 visibilityhiddendisplay和visibilityhidden的區(qū)別是1display是徹底消失,不在文檔流中占位,瀏覽器也不會解析該元素visibilityhidden是視覺上消失了,可。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。