Почему выдает ошибку при установке свойства?

Question

[Роман]

Добрый день.
Есть форма обратной связи на сайте. Отправка запроса через axios.
Необходимо после отправки запроса отображать окно о успешной отправке.
В data завел свойство complete, на блок в уведомлением повесил v-if.
Но почему то возникает ошибка
Cannot set property 'complete' of undefined

sendCart: function() {
                axios.post('/sendMessage', {
                        name: this.name,
                        phone: this.phone,
                        mail: this.mail
                    },
                )
                    .then(function (response) {
                        this.complete = true;
                    })
                    .catch(function (error) {
                        console.log(error)
                    });
            },

data: function() {
            return {
                name: "",
                phone: "",
                mail: "",
                complete: false
            }
        },

Comments

[Дмитрий Кузнецов]

Блок уведомления в этом же файле .vue находится?

[Роман]

Дмитрий Кузнецов, да, там все в одном компоненте

Answer 1

[ubx7b8]

Внутри колбэков this уже не тот this )
сначала надо сохранить this в другой переменной, а потом её использовать в колбэках
var vm = this
...
...function () {
vm.complete = true
}

Answer 2

[#FFFFFF]

Используйте стрелочную функцию, она не переопределяет this
.then(response => this.complete = true)