vue項目nav導航欄的實現

每一個網頁項目都少不了導航欄，通過原始的方法基本上都是可以寫出來的。但是要寫出代碼量少，冗餘度低的代碼就要動腦子思考一下了。 最近寫了一個百度地圖的項目，要求底部有一個導航欄。具體如下圖： 首先，拿到了底部導航欄的所有圖標圖片，圖片都有兩種。灰色的代表未選中，選中的用帶樣色的圖片替換。 先看一下，組件中 html結構：通過vue提供的v-for方法，進行遍歷顯示footNav這個數組。數組裏邊存放

>>阅读原文<<