时间戳

首页 > 解决方案 > 未捕获的类型错误：无法设置未定义的属性“isEditMode”

javascript - 未捕获的类型错误：无法设置未定义的属性“isEditMode”

问题描述

我正在尝试将 AngularJS 应用程序转换为 Vue JS。但是，我不断收到诸如“Uncaught TypeError: Cannot set property 'isEditMode' of undefined”之类的 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);

如何解决？

标签： javascriptangularjsvue.jsvuejs2vuetify.js

解决方案

您的数据结构与您尝试索引它的方式不匹配。你已经定义了

`boundData.sections.isEditMode`

你正在尝试参考

`boundData.sections[sectionId].isEditMode`

推荐阅读