【问题标题】:Is it possible to return a value of an inner object of the wrapper object in Vuex getter before mounting?是否可以在安装之前在 Vuex getter 中返回包装对象的内部对象的值?
【发布时间】:2020-10-22 09:16:03
【问题描述】:

我目前正在使用 Vuex 和 VueJS,但遇到了 Computed 属性的问题。

简而言之,我有 一个在 Vuex 状态下具有内部对象的对象,尝试在 Vuex getter 中访问内部对象的键以返回值,并将其呈现在组件中.但是,我收到类似“无法读取未定义的属性 ID”的错误。

我认为这个问题有两点很重要。

第一个是如果我使用 settimeout() 方法将值放入mounted() 中的数据选项的变量中,我可以呈现该值。

第二点是我可以访问对象的一个​​键,在Vuex getter中返回值,并在组件中正确渲染。

我想知道是否可以在 Vuex getter 中返回包装器对象中的对象的值,以便在安装组件之前对其进行渲染。

如果您能回答我的问题,那就太好了。提前谢谢你。

Sample code of Vuex getter

【问题讨论】:

    标签: javascript vue.js vuex getter


    【解决方案1】:

    根据错误,当您尝试通过 vuex getter 访问它时,您没有 _user 属性。据我了解,我认为您是从 API 中获取它的。

    在您的状态下,将配置文件设置为具有所有可提取属性的空/嵌套对象以消除错误。

    喜欢;

    const state: {
      profile: {
        _user: { _id: null }
      }
    }
    

    【讨论】:

    • 非常感谢您的回答!我检查了它是否有效并且效果很好。
    猜你喜欢
    • 1970-01-01
    • 2016-07-25
    • 1970-01-01
    • 2019-08-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-08-21
    • 2020-11-05
    相关资源
    最近更新 更多