vue系统左侧通过router遍历出的菜单怎么添加数字统计标记

Question

需求：左侧菜单是通过router遍历生成的，需要加上订单统计数据。
效果如下图：

最开始的设想方案是通过路由导航守卫beforeEach请求接口，数据保存在vuex里，然后在router的meta里定义一个变量取这个vuex数据，然后页面渲染的时候判断有没有这个变量。

但是router里面取不到vuex中的值，不知道是不是因为请求是异步的原因？

求大神解答下有没有什么好的方案？

Answer 1

办法1：
1、拿到 router 数组，赋值给一个新数组
2、遍历新数组，把对应的统计查到数组中对应的元素里
3、遍历新数组生成菜单

办法2：
写个读取统计数据的方法，在遍历 router 的时候调用一下