iview的Menu 导航菜单中active-name
为激活的name值。
要想刷新不变,可以设置:active-name="$route.path
,还有每个MenuItem 的name值等于to的值就行。这样就可以实现刷新保持状态不变。
当然你也可以利用Vuex来保存状态。
相关代码如下
<Menu mode="horizontal" :active-name="$route.path" @on-select='onSelect'>
<div class="layout-logo">
<router-link to="/">
<img src="./public/logo.png" alt="logo">
</router-link>
</div>
<div class="layout-nav">
<MenuItem name="/" to="/">
<Icon type="ios-home" />
主页
</MenuItem>
<MenuItem name="/technology" to="/technology">
<Icon type="ios-navigate" />
技术杂谈
</MenuItem>
<MenuItem name="/about" to="/about">
<Icon type="ios-paper" />
关于
</MenuItem>
</div>
</Menu>