vuex 配合 vue-router 在路由跳转前获取用户ID 财富值94

2016-10-18 19:44发布

目前的H5项目是内置在某第三方App里的,用户进入我们的H5,需要先访问一个借口(比如:getUserId)获取用户在我们服务器上的ID,再通过这个ID获取用户的数据,比如用户写的文章。

用户ID存储在vuex中

请问怎么在路由跳转前先获取用户ID 再跳转路由呢

我想到的有以下方法,但是获取之后怎么存储到 store 中呢?

router.beforeEach(transition => {     // 访问接口获取用户ID     getUserId().then(res => {         transition.next();     }); });

另一个方法是在 App.vue 根组件中获取,这样可以存储进 store ,但是此时路由已经跳转了,会导致页面打开的一刻获取不到数据.

ready() {     getUserId().then(res => {         // 显示 <router-view></router-view>         this.loadingRouteData = false;     }); }

所以怎么样先获取用户ID, 存储到 store 里面,再跳转路由呢?

2条回答

感谢大家的查看,感谢阿发的指导,
vue-router 里面可以通过 router.app 引用根组件,改成下面这样就可以了。
userId 存在 store 里面,getUserId 是一个 action

一周热门 更多>