vue-element-admin 侧边栏计数标记
效果图
1 修改路由
主要修改的文件有两个。
在Item.vue文件中做出如下修改:
这里就是在菜单的右上角添加角标组件。其中getThreeWayCount获取的角标数量是从缓存中获取的。如下图所示:
在Item.vue中引用
import { getThreeWayCount } from ‘@/utils/auth’
2 设置缓存数量
在登录之后查询出角标数量设置到缓存中,以致于后面路由那里获取。
3 根据业务修改角标
根据业务修改角标的同时也要把缓存中的内容修改。这样保持角标显示统一。
并且修改缓存后要重新刷新一下地址栏,不然角标值不会更改。
window.location.reload()
总结
这种方法缺点就是每次都要刷新一下地址栏。