iview导航菜单高亮当前选项“刷新不变”

效果图

记得在vue还没出来的时候，那个时候这种现象根本不是个问题。稍微牛逼点的把左侧菜单抽出一个单独的公共文件，在每个需要调用的文件里引入，最差的就是每个页面都写一样的菜单，只是每个页面高亮的样式（.class名）不一样，以此到达到某个页面后不管你是刷新页面呢？还是怎么得它的高亮都是在的。

而vue它是以组件式单页面的形式开发，它就很难想传统的那样很方便的，做到跳转页面后导航菜单某个选项还保持着高亮的效果。大家可以想到的，左侧菜单是一个组件，上边又是个组件，右边内容又是各个不一样的组件，所以要控制怎么多的组件就很难做到，到底那些组件是应该那个选项高亮呢？
这里为大家讲，借助iView的ui组件来为大家讲解如何简单的在vue上实现：

左侧导航菜单
 
                    
            
                
                文章管理
            
            
                
                评论管理
            
        
        
            
                
                用户留存
            
            
                
                流失用户
            
        
    

theme是iView样式模式（light、dark、primary）， active-name是对于选项中的name，表示高亮那个选项

如果有子页面也是一样，路由包含父页面的路由就可以。比如：父页面的路由是：
'/Thearticle'然后想跳转到修改文章页面，算是子页面了。就可以这样设置：'/Thearticle/Modify'，这样在menuList方法里设置‘/Thearticle’就可以了，不管是挑那个页面都能高亮当前选项。
有喜欢vue或前端的同学可以加我（微信：nihaomeili87）我们一起进步