通过在router.beforeEach判断vuex里面roles的长度是否为0
最近项目有个需求,当页面刷新时更新vuex。看了若依vue里面的操作,在router.beforeEach方法里判断store.getters.roles长度是否为0,如果是0,则代表刷新,如果不是则代表路由跳转。
原理
vuex里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,vuex里面的数据就会被重新赋值。
在登录成功的时候需要把用户信息,菜单信息放置vuex中,作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化。