javascript - 未捕获的类型错误 : Cannot set property 'isEditMode' of undefined

Question

我正在尝试将 AngularJS 应用程序转换为 Vue JS。但是，我不断收到诸如“Uncaught TypeError:无法设置未定义的属性'isEditMode'”之类的js错误。

我在这里尝试做的是，当单击 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

您需要首先将节制作为对象数组。然后你就可以像这样访问你的属性(property)

所以像这样

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

或者，如果您想保留当前的数据结构，则可以直接访问 isEditMode，如 this.boundData.sections.isEditMode