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

如果想刷新的时候是刷新点击的页面 可以用缓存记录刷新前的路由地址 然后刷新时设置默认地址为缓存的路由地址即可;
在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;启用该模式会在激活导航时以 index 作为 path 进行路由跳转 $route.path当前路由对象的路径,字符串,绝对路径
  • unique-opened只允许有一个下拉菜单处于打开的状态
  • 使用default-active来实现当前菜单激活的选项
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容