...

前言 既然我們選擇了vue，那么在做東西時就不要想着去操作dom，所有的都交給vue來解決。 下面來說一個很簡單但是很常用的效果，可能人人都會用到這樣的需求 請看下圖 導航欄的樣式切換功能，如果我們使用jquery之類的東西來寫，可能要寫好多代碼，那么我們用vue呢， 代碼 ...

style css樣式部分： ul{ margin: 0 auto; height: 50px; background-color: #369;} ul>li{ text-decoration: none; display: inline-block; height: 50px ...

index.html ...

寫頁面的時候都會用到一些導航欄、點擊不同的部分切換不同的頁面、並且點擊的時候更換顏色 代碼自己簡單的寫一下：(vue) js部分代碼： css樣式： ...

在項目里經常會遇到側導航切換頁面的功能。 如果我們將側導航做成公共組件，來調用的話，就會在每一個頁面都引用該組件，在后期維護的時候比較麻煩，比如改參數。 所以此文將側導航做成父頁面組件，將切換的頁面做成子頁面，這樣只需調用一次即可。大大減少了后期維護的麻煩 涉及功能點 側導航 ...

<view class="text-area" v-for="(menu,i) in menus" :key="i" v-show="true"> <view :class="[ac ...

首先看最終效果圖： 1.compent文件夾里添加tab文件夾，里面創建index.vue index.js index.css index.vue內的template部份代碼如下：（最新更正：代碼里所有a標簽部份應該用router-link ...