Как исправить: [Vue warn]: ошибка в обработчике v-on: «Ошибка типа: null не является объектом». Обработчик событий сходит с ума - PullRequest
Новая
       34

Как исправить: [Vue warn]: ошибка в обработчике v-on: «Ошибка типа: null не является объектом». Обработчик событий сходит с ума

0 голосов
/ 09 июня 2019

Ввод текста правильно заполняется "this.cameraPage", но как только я начинаю вносить изменения в поле ввода, обработчик события Vue жалуется, что this.cameraPage имеет значение null

«this.cameraPage» является объектом и инициализируется в «create ()» через JSON API. Он успешно загружается, и я могу использовать объект по своему желанию для отображения.

DATA 

data() {
    return {
        cameraPage: {},
}

СОЗДАНА 

async created() {
    let cameraPage = await this.$http.get('http://localhost:3001/api/v1/camera/' + this.keyColumn + '.json')
    this.cameraPage = JSON.parse(JSON.stringify(cameraPage)).data
}

HTML 

<input type="text" v-model="this.cameraPage.title"/>

Я новичок в Vue, и я специально не добавил обработчик событий в поле ввода текста, так что я думаю, что это какая-то "магия Vue". Мне трудно стрелять из бед, когда я не знаю, чего ожидать.

Спасибо за любую помощь, вы можете предоставить!

1 Ответ

0 голосов
/ 09 июня 2019

Теперь я знаю, что вам не нужно ссылаться на "это" при доступе к свойствам в шаблоне.Я удалил ключевое слово, и все снова заработало.

...