рельсы ajax не показали правильно

Question

У меня есть список, который показывает список групп

<a v-for="(group, index) in groups" >            
  <div class='project-name'>
     {{ group.project_name }}
  </div>
  <div class='description'>
     {{ group.description }}
  </div>
</a>

, затем у меня есть texarea, чтобы добавить новую группу

<div class = 'single-project-container-stu'>
   <textarea v-model="messages['group']" class="form-control editbox" placeholder="Project Name"></textarea>
   <textarea v-model="description['group']" class="form-control editbox" placeholder="Description"></textarea>
   <button v-on:click = "submitMessages(course.id)" class="btn btn-outline-primary addProjectBtn">Add</button>
</div>

, и submitMessage это:

    submitMessages: function(course_id){
      var data = new FormData

      data.append("group[course_id]", course_id)
      data.append("group[project_name]", this.messages['group'])
      data.append("group[description]", this.description['group'])

        Rails.ajax({
          url: "/groups",
          type: "POST",
          data: data,
          dataType: "json",
          success: (data) => {
            this.groups.push(data)
            this.messages['group']= undefined
            this.description['group']=undefined
          }
        })
    }

Однако, когда я отправляю имя и описание проекта, отображается только имя_группы. Описание не появилось. Однако, когда я перефразирую sh страницу, появится описание. Это означает, что ajax не работает для описания. Как решить проблему? Как это может работать только для части ввода?