解决$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（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。