Отправить результат опроса в API - PullRequest
Новая
       14

Отправить результат опроса в API

3 голосов
/ 27 мая 2019

Я пытаюсь отправить результаты surveyjs в мой API.

В смонтированном () я делаю запрос GET с vue-resource, получаю вопросы из моего дБ и затем устанавливаю surveyjs.Для отправки результатов я попытался использовать this.$http.post в функции surveyJS onComplete, но получил Cannot read property 'post' of undefined.Также я попытался поместить часы в переменную result, но это не сработало. 

mounted() {
    this.$http
      .get("myAPI")
      .then(res => res.json())
      .then(questions => {
        this.questions = questions;
        this.survey = new SurveyVue.Model(this.questions.pesquisa);
        this.survey.locale = "pt";

        this.survey.onComplete.add(function(survey) {
          this.result = survey.data;
          this.$http
          .post(
            `myAPI`,
            this.result,
            { headers: { "Content-Type": "application/json" } }
          )
          .then(response => {
            console.log(response);
            UIkit.notification({
              message: "Success",
              pos: "top-center",
              status: "success"
            });
          })
          .catch(error => {
            console.log(error);
            UIkit.notification({
              message: "Erro",
              pos: "top-center",
              status: "danger"
            });
          });
        }); 
      })
      .catch(error => {
        console.log(error);
        UIkit.notification({
          message: "Error",
          pos: "top-center",
          status: "danger"
        });
      });
}

1 Ответ

4 голосов
/ 27 мая 2019

Чтобы получить доступ к this внутри параметра onComplete.add(), вы можете заменить свою обычную функцию на функцию стрелки: 

this.survey.onComplete.add(survey => {
  this.result = survey.data;
  /* rest of your code... */
})

Альтернативой является помещение this в переменную, которую можно использовать для доступа к внешнему this: 

const that = this;
this.survey.onComplete.add(function(survey) {
  that.result = survey.data;
  /* rest of your code... */
})

Подробнее о this.

Суть его в том, что внутри функции this функции переопределяет this компонента, если только это не функция стрелки, у которой целенаправленно нет this, поэтому доступна внешняя функция.

...