解决$store.getters调用不执行的问题
api:https://vuex.vuejs.org/zh/guide/getters.html
场景:
在登录时将登录得到的用户信息存储在vuex的state和sessionStorage中。使用时在state中获取,当因为刷新等原因导致state中没有数据时,去sissionStorage中获取。
错误:
登录后,需要获取用户信息时,getters中属性的方法不会执行。只是去getters中获取缓存
解决方法:
将getters中的属性改写成方法,这样每次调用的时候就会执行,去从新获取数据。
getloginInfor:(state)=>()=>{}
代码:
importVuefrom'vue' importVuexfrom'vuex' Vue.use(Vuex) exportdefaultnewVuex.Store({ state:{ /*登录用户信息*/ loginInfor:{ } }, mutations:{ setloginInfor(state,msg){ state.loginInfor=msg } }, actions:{ }, getters:{ getloginInfor:(state)=>()=>{ //先从state里面获取用户登录信息 letloginInfo=state.loginInfo //如果state里面获取不到,那么从localStorage里面获取 if(!loginInfo){ loginInfo=JSON.parse(sessionStorage.getItem('loginInfo')) } returnloginInfo } } })
使用:
this.$store.getters.getloginInfor()
钻研不易,转载请注明出处。。。。。。
以上这篇解决$store.getters调用不执行的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。