ElementUI之NavMenu頁面刷新保持刷新之前路由

如果想刷新的時候是刷新點擊的頁面 可以用緩存記錄刷新前的路由地址 然后刷新時設(shè)置默認地址為緩存的路由地址即可;
在ElementUI庫中NavMenu組件 提供了router屬性

<el-menu
    :default-active="$route.path"
    :unique-opened="true" 
    :router="true" 
      class="el-menu-demo"
      mode="horizontal"
      @select="handleSelect"
     >
    <el-menu-item
         :index="itme.PTo"  
         v-for="(itme, index) in Path"
         :key="index"
      >
         {{ itme.name }}
     </el-menu-item>
 </el-menu>

注意:

  • el-menu組件中 :router="true" 是否使用 vue-router的模式,默認為false;啟用該模式會在激活導(dǎo)航時以 index 作為 path 進行路由跳轉(zhuǎn) $route.path當前路由對象的路徑,字符串,絕對路徑
  • unique-opened只允許有一個下拉菜單處于打開的狀態(tài)
  • 使用default-active來實現(xiàn)當前菜單激活的選項
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容