今天
1.动态生成路由,感觉东西蛮多的。 进行中
2.后台登录页 ,涉及权限和表单验证未完成
收获
1.vue-router的beforeEach、addRoutes、localStorage
在路由跳转的时候,我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。
定义:路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。
总体来讲vue里面提供了三大类钩子,两种函数
1、全局钩子
2、某个路由的钩子
3、组件内钩子
两种函数:
1、Vue.beforeEach(function(to,form,next){}) /*在跳转之前执行*/
2.Vue.afterEach(function(to,form))/*在跳转之后判断*/
2.$route.params 定义的参数必然是整个路由的其中一部分,vue-router 还可以让我们使用 "/path?param = value" 的方式传递参数,可以使用$route.query.参数名 获取参数值
vue-router 还提供一种常量参数定义 meta,我们可以在路由定义中先定义 meta 的值,然后在路由实例中通过$route.meta参数获取具体常量值。
path: '/actile',
name: 'Actile',
component: Actile,
meta: {
login_require: false
},
},
3.这里有一个需要非常注意的地方就是 404 页面一定要最后加载,如果放在constantRouterMap一同声明了404,后面的所以页面都会被拦截到404
4。侧边栏高亮问题
将default-active一直指向当前路由
明天:
1.继续动态路由,路由懒加载,表单验证
2.beforeEach 死循环问题
遇到的问题:
可能是,vue太精简了,所以并不简单啊。。
评论