element页面刷新后菜单重定向问题

问题描述：进入页面 点击刷新  由于点击过菜单路由显示  /about  但是菜单刷新后返回到  ‘/’  页面

解决：

　　方法一：

　　1.data中定义activeIndex：‘/’   

　　　　el-menu 上添加 :default-active = "activeIndex"

　　2.使用element菜单的select事件，点击后进行存储

　　selectMenu(index,path){

　　　　localStorage.setItem('index',index)　

　　}

　　3.每次页面进入之前进行判断

　　created(){

　　　　let index = localStorage.getItem('index')

　　　　if(index){

　　　　　　this.activeIndex = index

　　　　}

　　}

 

　　方法二：

　　　　el-menu 上添加 :default-active = "$route.path"