将Webpack与Vue结合使用时，如何解决“无法读取未定义的属性'_wrapper'”错误？

Question

我使用axios从数据库获取信息。我从服务器在阵列中得到响应：

我的html标签：

Js代码如下：

    data() {
        return {
            departments: {
                id: 0,
                name: "name of company",
                nameZod: "name of company dif"
                },
            };
       },
    created() {
        axios
            .get('/SomeController/Departments')
            .then(response => {
                this.departments = response.data;
                console.log(this.departments);
            })
        }

我得到一个错误：无法读取未定义的属性“ _wrapper”。非常奇怪的原因是我在其他模块中使用了类似的代码，并且可以正常工作。

Answer 1

当模板中的v-on:click OR @click指令在组件的methods内部缺少指向的函数时，就会发生此错误。

示例：

//template
@click="callAgain"
...
methods : {
  //no function called callAgain
}

Answer 2

也许您已经在某处定义了一个函数调用（@ click = something），但尚未在方法中定义该函数。这发生在我身上，也许对某人有用

Answer 3

您只需要像这样的数组启动部门：

    data() {
        return {
            departments: [
                {
                    id: 0,
                    name: "name of company",
                    nameZod: "name of company dif"
                },
            ],
        };
    },

Answer 4

这件事也发生在我身上，但原因不同（Vue + Vuetify。 @click函数必须附加到btn，而不是下面的图标。

   <v-btn fab small>
       <v-icon @click="sendMessage">send</v-icon>
   </v-btn>

Answer 5

您正在调用组件中尚未定义的某些函数，请检查您组件中的所有函数均已定义。

例如

您使用的是@ click =“ something”，但未在组件中定义的something（）。