Vue.js. TypeError: Невозможно прочитать сообщение о свойстве undefined, хотя vue-resource определенно установлен

Хорошо, итак:

  1. Я получаю TypeError, и я не знаю, почему,
  2. Vue-resource установлен и импортирован Vue.use('vue-resource'); import {} from 'vue-resource'; в мой main.js.

Я пытался импортировать его по-другому, я искал решение, но безуспешно.

Я вызываю эту функцию после нажатия кнопки <button class="btn btn-primary" @click="submit()">Submit</button>.

Функция «отправить» выглядит так:


      this.$http
        .post("https://vue-http-20bf2.firebaseio.com/data.json", this.user)
        .then(
          response => {
            console.log(response);
          },
          error => {
            console.log(error);
          }
        );
    }```

javascript vue.js vuejs2 vue-resource
person Aleksander Jess    schedule 06.05.2019    source источник
comment
Я не думаю, что вы используете его правильно github.com /pagekit/vue-resource/blob/develop/docs/   -  person apple apple    schedule 06.05.2019
comment
попробуйте Vue.http вместо this.$http   -  person G.aziz    schedule 06.05.2019
comment
@G.aziz попробовал, не получилось. Я получаю (как ни странно) vue.js?3de6:1897 ReferenceError: Vue is not defined at VueComponent.submit (eval at <anonymous> (build.js:1003),   -  person Aleksander Jess    schedule 06.05.2019
comment
И да, у меня, очевидно, импортирован Vue.   -  person Aleksander Jess    schedule 06.05.2019

Ответы (1)


arrow_upward
0
arrow_downward

Итак, я решил это.

Проблема была не знаю где. Мне пришлось снова импортировать Vue и VueResource и сказать Vue использовать пакет (снова).

import Vue from 'vue'
import VueResource from 'vue-resource';
import App from './App.vue'

`Vue.use(VueResource);`

Обратите внимание, я уже пытался сделать это таким образом.

В App.vue у меня есть

submit() {
      this.$http
        .post("https://vue-http-20bf2.firebaseio.com/data.json", this.user)
        .then(
          response => {
            console.log(response);
          },
          error => {
            console.log(error);
          }
        );
    }
person Aleksander Jess    schedule 06.05.2019