Vue.js и переменные экземпляра

434
31 августа 2017, 22:12
export default {
    data(){
        return {
            authors: [],
            error: '',
            bookName: '',
        }
    },
    methods: {
        getAuthors(){
            this.$http.get('/api/getAuthors').then((response) => {
                response.body.error ? this.error = response.body.error : this.authors = response.body;
            });
            console.log('Success.');
        },
        clicked(){
            console.log(this.authors);
        }
    },
    created: function(){
        this.getAuthors()
        console.log('Component created.')
    },

}

Когда пытаюсь вывести this.authors функцией clicked() выводится undefined.

getAuthors:

P.S. Если выведу console.log(response.body) -> выведет объекты корректно. Поэтому думаю в сторону области видимости функции.

READ ALSO
Meteor js - React vs Blaze, какие преимущества?

Meteor js - React vs Blaze, какие преимущества?

Конечно, я нетерпеливый, просматривая руководство Meteor + React пока вижу лишь одни недостатки перед использованием BlazeОбъясните, пожалуйста,...

404
Изменение вида продуктов через javascript

Изменение вида продуктов через javascript

Задача заключается в следующемНужно сделать кнопку, которая переключает вид товаров на сайте(кубиками или списком)

404
Задание таймера обратного отсчета

Задание таймера обратного отсчета

Нужно, чтобы при получении чисел, которые указывает пользователь, они переводили своё значение в таймерНо проблема не в этом

372
get запрос работает некорректно

get запрос работает некорректно

ЗдравствуйтеПо каким причинам не отправляется get запрос ?

426