vue 導航菜單刷新狀態消失，顯示路由首頁的問題

問題

使用vue element-ui框架構建公共導航欄（https://element.eleme.cn/#/zh-CN/component/menu）
按F5刷新或按瀏覽器的刷新按鈕就會返回默認定義的路由首頁
在網上找了很多的資料都很複雜，沒有有效解決

解決

最終發現一老哥的博客：https://blog.csdn.net/shichong123/article/details/80617662中
使用 $route.path 可以在刷新後保留到最後點擊的那個路由界面，問題得到了解決
關鍵代碼：

<el-menu  :default-active="$route.path" router></el-menu>

將最初的代碼

<el-menu class="el-menu-vertical-demo" :default-active="1">
  <el-menu-item index="1">
    <i class="el-icon-s-custom"></i>
    <router-link to="/customers">用戶</router-link>
  </el-menu-item>
  <el-menu-item index="2">
    <i class="el-icon-circle-plus-outline"></i>
    <router-link to="/register">註冊</router-link>
  </el-menu-item>
  ...
</el-menu>

轉化成

<el-menu class="el-menu-vertical-demo"  :default-active="$route.path" router>
  <el-menu-item index="/customers">
    <i class="el-icon-s-custom"> 用戶</i>
  </el-menu-item>
  <el-menu-item index="/register">
    <i class="el-icon-circle-plus-outline"> 註冊</i>
  </el-menu-item>
  ...
</el-menu>