プロフィール項目一覧画面を作る

2018-01-27 21:31 to 2018-01-27 23:30

概要

プロフィール項目の追加機能は出来たので、引き続き一覧&編集機能を作る。

目標

ざっとは全部作りたい。

経過

2018-01-28 00:24

Vueで操作しやすく編集できるようになった。

階層が少ないのでemitで十分。

    update() {
      this.answer = this.answer.trim();
      this.saving = true;
      const data = { answer: this.answer };

      axios
        .put(`/api/users_subjects/${this.usersSubject.id}`, data)
        .then(response => {
          if (response.data.error === undefined) {
            this.$emit("on-update", response.data.users_subject);
          }
          this.saving = false;
          this.lastAnswer = this.answer;
        })
        .catch(error => {
          this.saving = false;
        });
    },

    onUpdate(usersSubject) {
      this.currentUsersSubjects.forEach((currentUsersSubject, index) => {
        if (currentUsersSubject.id == usersSubject.id) {
          this.currentUsersSubjects[index] = usersSubject;
        }
      });
    }

コメント