带对象/对象数组的Vuex表单处理

时间:2019-08-10 13:24:07

标签: vue.js vuejs2 vuex

我一直在尝试使用Vuex为我的Vue应用程序实现一些功能。我已经注意到使用Vuex处理表单可能非常粗糙...我的整个应用程序几乎都基于一个需要在商店中跟踪的对象(至少,这是我的信念。也许还有更好的选择吗? )该对象看起来像这样:

person: {
  basicInformation: {
    first: '',
    last: '',
    email: '',
    phone: '',
    street: '',
    city: '',
    position: '',
    website: '',
  },
  about: '',
  knowledge: '',
  experience: [
    {
      company: '',
      position: '',
      description: '',
      website: '',
      date: [],
    },
  ],
}

值应由用户使用输入表单输入。没有Vuex,这很容易。然后,您可以简单地执行类似this的操作。

使用Vuex,它看起来像this。为状态创建吸气器和设置器的地方。对于单个“邮件”项目来说,这很好用。我不能使它与还包含嵌套对象和数组的大对象一起使用。如何在动作/突变中传递索引,如何在getter和setter中传递索引?我发现this个帖子与我的问题最相关。但是我仍然无法使其正常工作。有人可以在这里帮助我,并指出正确的方向吗?如果您需要更多信息,请随时询问。

0 个答案:

没有答案
相关问题