美文网首页
ElementUI之NavMenu页面刷新保持刷新之前路由

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

作者: 皇甫贝 | 来源:发表于2019-12-02 14:35 被阅读0次

    如果想刷新的时候是刷新点击的页面 可以用缓存记录刷新前的路由地址 然后刷新时设置默认地址为缓存的路由地址即可;
    在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来实现当前菜单激活的选项

    相关文章

      网友评论

          本文标题:ElementUI之NavMenu页面刷新保持刷新之前路由

          本文链接:https://www.haomeiwen.com/subject/lltfgctx.html