介绍 & lt; template>
& lt; el-menu: default-active=癲efaultActiveIndex"类=癳l-menu-demo"模式=癶orizontal"@select=癶andleSelect":路由器=皌rue"比;
& lt; el-menu-item指数=??在工作台& lt;/el-menu-item>
& lt; el-menu-item指数=?enterpriseManager"在企业管理& lt;/el-menu-item>
& lt; el-menu-item指数=?orderManager"在订单管理& lt;/el-menu-item>
& lt; el-menu-item指数=?systemManager"祝辞系统管理& lt;/el-menu-item>
& lt;/el-menu>
& lt;/template>
& lt; script>
出口默认{
名称:& # 39;应用# 39;
数据(){
返回{
defaultActiveIndex:“/?
}
}，
创建(){//组件创建完后获取数据,//此数据时已经被观察到的了
this.fetchData ()
}，
方法:{
handleSelect(指数){
this.defaultActiveIndex=指数;
}，
jumpTo (url) {
this.defaultActiveIndex=url;
美元。router.push (url);//用去刷新
}，
fetchData () {
var cur_path=oute.path美元;//获取当前路由
var路由器=outer.options.routes美元;//获取路由对象
var nav_type=?“;
(var=0;i
这篇文章给大家分享的是有关Vue页面手动刷新,实现导航栏激活项还原到初始状态的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
<>强场景描述:在页面中存在顶部导航和左侧导航,左侧导航和右侧内容区使用了命名视图实现,点击左侧导航的链接时,右侧内容区相应显示不同组件内容。问题:在当前链接手动刷新浏览器(例如:浏览器地址为/企业/列表),顶部导航激活项还原到初始状态(这里默认是“工作台”项)。
<强>原理:每次刷新都会重新实例化Vue,也就是会调用创建方法。
附上路由器配置格式:
Vue页面手动刷新,实现导航栏激活项还原到初始状态的方法
