使用vuex时,vuex $store.state的值能获取,但是里面具体的值就获取不到

问题描述:
vuex $store.state的值能获取,但是里面具体的值就获取不到
原因:
对象变量都是对象在内存中的地址值,普通数据变量是实际的值。所以打印的那个对象其实在打印的那一刻是空对象,但是展开的时候,commit操作已经完成,所以对象被扩展为期望看到的值。但是普通类型打印的那一刻是什么就是什么。
解决办法:
使用commit往state里存对应数据,通过getters取数据

/* eslint-disable */
// store部分

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export default new Vuex.Store({
state: {
  info: {},
},
getters: {
  info(state) {
    return state.info;
  },
},
mutations: {
  SET_INFO(state, payload) {
    state.info = payload;
    window.console.log('setinfo', state.info, payload);
  },
},
});
// 存数据
   this.$store.commit('SET_INFO', arrObject);
// 取数据
import { mapGetters } from 'vuex';
computed: {
    ...mapGetters({
      info: 'info',
    }),
  },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ![Flask](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAW...
    极客学院Wiki阅读 7,407评论 0 3
  • 不知不觉易趣客已经在路上走了快一年了,感觉也该让更多朋友认识知道易趣客,所以就谢了这篇简介,已做创业记事。 易趣客...
    Physher阅读 3,452评论 1 2
  • 双胎妊娠有家族遗传倾向,随母系遗传。有研究表明,如果孕妇本人是双胎之一,她生双胎的机率为1/58;若孕妇的父亲或母...
    邺水芙蓉hibiscus阅读 3,727评论 0 2
  • 晴天,拥抱阳光,拥抱你。雨天,想念雨滴,想念你。 我可以喜欢你吗可以啊 我还可以喜欢你吗可以,可是你要知道我们不可...
    露薇霜凝阅读 1,242评论 1 2