vue-cli -- 导航初始化

问题:在当前链接手动刷新浏览器(例如:浏览器地址为/enterprise/list),顶部导航激活项还原到初始状态(这里默认是“工作台”项)。

原理:每次刷新都会重新实例化Vue,也就是会调用created方法

解决:
在每次刷新页面后,在created生命周期钩子函数里面,根据当前页面的路径,来配置当前导航默认激活

created () {
    let pathname = this.$router.path
    switch(pathname) {
        case 'pathname':
            this.defaultActive = pathname
            break
        ......
        default :
            break;
    }
}
posted @ 2019-04-03 17:16  不会代码的前端  阅读(256)  评论(0编辑  收藏  举报