Uncaught TypeError: Невозможно установить свойство isEditMode из неопределенного

Question

Я пытаюсь преобразовать приложение AngularJS в Vue JS.Тем не менее, я продолжаю получать ошибки JS, такие как «Uncaught TypeError: Невозможно установить свойство isEditMode из неопределенного».

То, что я пытаюсь сделать здесь, - это сделать страницу редактируемой при нажатии значка vuetify, который, в свою очередь, вызывает функцию и отображает некоторые другие значки.Код, который у меня сейчас есть, выглядит следующим образом:

new Vue({
    el: '#app',
    data: {
        saveView: false,
        isPageEdit: false,
        saveFailed: false,
        isPageLocked: false,
        editFailed: false,
        timerMessage: false,
        boundData:
            {
                sections: {
                    isEditMode: null
                }
            }
    },

    methods:
        {
            setedit: function (isEditMode, sectionId) {
                this.boundData.sections[sectionId].isEditMode = isEditMode;
                validation(sectionId);

Как это можно решить?

Answer 1

сначала вам нужно сделать секции массивом объектов.тогда вы можете получить доступ к своему свойству вот так

, что-то вроде этого

sections: [
  {isEditMode: null},
  {isEditMode: true},
]

или если вы хотите сохранить текущую структуру данных, то можете напрямую получить доступ к isEditMode вот так.boundData.sections.isEditMode

Answer 2

Ваша структура данных не соответствует тому, как вы пытаетесь ее проиндексировать.Вы определили

`boundData.sections.isEditMode`

и пытаетесь сослаться на

`boundData.sections[sectionId].isEditMode`