Javascript Vue警告：计算属性“；“项目名称”；已分配给，但它没有设置器_Javascript_Vuex

Javascript Vue警告：计算属性“；“项目名称”；已分配给，但它没有设置器

javascript

Javascript Vue警告：计算属性“；“项目名称”；已分配给，但它没有设置器,javascript,vuex,Javascript,Vuex,我正在尝试用Vuex填充表单数据，然后在同一表单中编辑它，但目前无法工作代码如下： <template> <v-dialog v-model="dialogEditProject" max-width="1200px" height="200px"> <v-card> <v-card-title class="head-modal"> <v-list-item-avatar class="logo-m

我正在尝试用Vuex填充表单数据，然后在同一表单中编辑它，但目前无法工作

代码如下：

<template>
  <v-dialog v-model="dialogEditProject" max-width="1200px" height="200px">
    <v-card>
      <v-card-title class="head-modal">
        <v-list-item-avatar class="logo-modal">
          <v-img src="@/assets/logo.svg"></v-img>
        </v-list-item-avatar>
        <span class="title-modal">EDIT PROJECT</span>
      </v-card-title>
      <v-form ref="form" v-model="valid" onSubmit="return false;" lazy-validation>
        <v-row no-gutters>
          <v-col class="col1" cols="4">
            <span class="login-txt">Name Project</span>
            <v-row>
              <v-text-field
                v-model="projectName"
                @change="updateMessage"
                label
                :rules="nameProjectRules"
                solo
                name
                required
                shaped
              />
            </v-row>
            <span class="name-project">{{ projectName }}</span><br>
            <span class="login-txt">Author</span>
            <v-row>
              <v-text-field
                v-model="authorProject"
                label
                :rules="authorProjectRules"
                solo
                name
                required
                shaped
              />
            </v-row>

            <v-card-actions class="btn-new-project-modal">
              <v-btn id="btn-cancel-modal" class="btn-secondary" text @click="close">Cancel</v-btn>
              <v-btn
                id="btn-create-modal"
                class="btn-primary"
                :disabled="!valid"
                type="submit"
                @click="updateProject"
                >Update</v-btn
              >
            </v-card-actions>
          </v-col>
      </v-form>
    </v-card>
  </v-dialog>
 </template>

现在在文本字段中出现projectName，但当我尝试执行PUT时，不会修改该字段。有没有办法解决这个问题

非常感谢

这是因为您有一个用于

projectName

的getter（来自

mapState

方法），您没有用于它的setter，即使您在

v-model

绑定中使用过它。

v-model

绑定是双向的，因此它可以读取/获取和写入/设置

您将需要相应的

MapTranslations

，以便对

projectName

所做的更改将在VueX存储中提交一个变体或分派一个操作（两者都被视为setter）：

methods: {
    ...mapMutations('projects', ['projectName']),
}

…或：

methods: {
    ...mapActions('projects', ['projectName']),
}