router.beforeEach ╰+哭是因爲堅強的太久メ 2022-10-02 10:46 121阅读 0赞 **router.beforeEach 是什么？** router.beforeEach 是全局钩子函数，它是在路由跳转之前所调用的函数，在实际开发中页面进度条的加载、设置页面标题、判断用户是否已经登录过了等等都可以在该函数中执行。 **router.beforeEach 怎么使用？** ** ** 常规用法如下： /** to 表示oruter即将进入的路由对象 from 表示当前即将离开的路由对象 next 通过该函数可以重新定义要跳转的路由路径。常用示例：next({ path: '/' }) 表示跳转到重定向页面 */ router.beforeEach(async(to, from, next) => { // 开始进度 console.log('to.meta.title:' + to.meta.title) // to.meta.title:Guide 获取的是跳转的页面名称 // 设置页面顶部标题 //document.title = getPageTitle(to.meta.title) // 确定用户是否已登录 }) /** * 路由跳转之后执行该函数 */ router.afterEach(() => { //结束进度 })
还没有评论，来说两句吧...