解决$store.getters调用不执行的问题
api:https://vuex.vuejs.org/zh/guide/getters.html
创新互联建站坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站制作、网站设计、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的湟中网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
场景:
在登录时将登录得到的用户信息存储在vuex的state和sessionStorage中。使用时在state中获取,当因为刷新等原因导致state中没有数据时,去sissionStorage中获取。
错误:
登录后,需要获取用户信息时,getters中属性的方法不会执行。只是去getters中获取缓存
解决方法:
将getters中的属性改写成方法,这样每次调用的时候就会执行,去从新获取数据。
getloginInfor: (state) => () => {}
代码:
import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { /* 登录用户信息 */ loginInfor: { } }, mutations: { setloginInfor (state, msg) { state.loginInfor = msg } }, actions: { }, getters: { getloginInfor: (state) => () => { // 先从state里面获取用户登录信息 let loginInfo = state.loginInfo // 如果 state 里面获取不到,那么从localStorage里面获取 if (!loginInfo) { loginInfo = JSON.parse(sessionStorage.getItem('loginInfo')) } return loginInfo } } })
使用:
this.$store.getters.getloginInfor()
钻研不易,转载请注明出处。。。。。。
以上这篇解决$store.getters调用不执行的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。
分享题目:解决$store.getters调用不执行的问题
本文地址:http://pwwzsj.com/article/ggjipg.html