vue——tab菜單項滑動切換

效果圖： 一開始的做法是將這個高亮綠色的部分作爲選中項的左邊框處理，但這樣做切換時的視覺效果不好，現在修改以後更加美觀。 實現方法：將這個寬3px 高41px的小div設爲絕對定位，動態改變它的位置，即top值 具體代碼： 將側邊欄分爲兩個部分：滑塊（左側） + 菜單項（右側）， 併爲滑塊動態綁定style 將滑塊設置爲絕對定位position: absolute，初始位置在最上方top: 0;

>>阅读原文<<