ElementUI之NavMenu页面刷新保持刷新之前路由
2019-12-02 本文已影响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来实现当前菜单激活的选项