Vue页面手动刷新,实现导航栏激活项还原到初始状态

1、Vue页面手动刷新，实现导航栏激活项还原到初始状态点击左侧导航的链接时，右侧内e),顶部/导航激活项还场景描述：在页面中存在顶部导航和左侧导航，左侧导航和右侧内容区使用了命名视图实现,容区相应显示不同组件内容。问题：在当前链接手动刷新浏览器(例如：浏览器地址为e原到初始状态(这里默认是工作台项)。原理：每次刷新都会重新实例化Vue,也就是会调用e方法。-,temeenu-,eex企业管里eeeueeeenu-,eex订单管理eeeueeeenu-,eex系统管理eeeueeemenuedeulte,eueul,veIndexeuee(nav_typehis.defauleehis.defaul

2、home)eeeeeeeriseenter5)ea组件创此时ted()建完后获取数据，已经被s.fetchDe了ed,ethdleSelectdex,s.defaulveIndex=,ndex;,jumpTo(u)l),s.defauveIndex=u)l;用e刷新push(u)l);,fetu获取当前路由oute.path;/ue获取路由对象&)outes;e)oute)s.length;,+)en)oute)s,.ch,ld)enen)en.length;je=ch,ld)enjd)eld)en)nd_ch,ld)en.lengthh,ld)encu)_pae)oute)s,.type;e

3、附上u配置格式:path:/,type:home,/自定义type区分不同模块菜单name:home,redirect:/dashboard,component:Home,menuShow:true,children:path:/dashboard,component:HomeNav,name:dashboard,leaf:true,/只有一个节点iconCls:icon-home,/图标样式classmenuShow:true,children:path:/dashboard,component:Dashboard,name:首页，menuShow:true,path:/mySet,comp

4、onent:HomeNav,name:我的设置,iconCls:el-icon-menu,menuShow:true,children:path:/mySet/plan,component:Plan,name:行程计戈menuShow:true,path:/mySet/maillist,component:Maillist,name:通讯录,menuShow:true,path:/enterpriseManager,type:enterprise,name:enterprise,component:Home,redirect:/enterprise/list,menuShow:true,chi

5、ldren:path:/enterpriseList,component:EnterpriseNav,name:enterpriseList,leaf:true,/只有一个节点iconCls:icon-home,/图标样式classmenuShow:true,children:path:/enterprise/list,component:EnterpriseList,name:企业列表,menuShow:true,path:/enterpriseAdd,component:EnterpriseNav,name:enterpriseAdd,leaf:true,/只有一个节点iconCls:el

6、-icon-menu,menuShow:true,children:path:/enterprise/add,component:EnterpriseAdd,name:企业添口，menuShow:true,path:/enterpriseValidate,component:EnterpriseNav,name:enterpriseValidate,leaf:true,/只有一个节点iconCls:el-icon-menu,menuShow:true,children:path:/enterprise/validate,component:EnterpriseValidate,name企业认证

7、，menuShow:true补充知识：vue手动刷新视图以及其他小问题最近把手头上一个使用angularJS+jquery各种七七八八组件写的页面拿vue+elementUI重写了一边,真是极度丝滑，记录一些vue和elementUI的小问题1如果vue中的数据结构比较庞大的话，十分有可能会出现model更新而视图不更新/model和视图都不更新也不报错的情况，此时需要手动刷新vue的数据，在change或click事件中，使用this.$forceUpdate()手动刷新视图/像这样changeSef:function()/手动刷新视图varthat=this;that.$forceUpdate();，2.在vue中使用setTimeout错误示范setTimeout(bidOrderInit，200);/上面那样是不行的,网上查了下，大致是说在setTimeout中this指向window对象，/于是乎被定时的方法中就使用不到vue的this对象了/正确示范可以无视对ie的支持时setTimeout()=this.bidOrderInit();，200);