问答

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

作者:admin 2021-08-20 我要评论

需求:左侧菜单是通过router遍历生成的,需要加上订单统计数据。 效果如下图: 最开始的设想方案是通过路由导航守卫beforeEach请求接口,数据保存在vuex里,然后...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

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

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

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

###

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

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 使用箭头函数return数据不能实现

    使用箭头函数return数据不能实现

  • 个人小程序号能接入小程序3D地图吗?

    个人小程序号能接入小程序3D地图吗?

  • vue 移动端项目中,使用了better-scrol

    vue 移动端项目中,使用了better-scrol

  • css如何做出区域平均划分为四列

    css如何做出区域平均划分为四列

腾讯云代理商
海外云服务器