axios 如何修复在使用Webpack与Vue时出现的'Cannot read property '_wrapper' of undefined'错误?

mv1qrgav  于 2023-11-18  发布在  iOS
关注(0)|答案(6)|浏览(205)

我使用axios从数据库获取信息。我从数组中的服务器获取响应:


的数据
My html tags:

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'的undefined。它非常奇怪的原因,我使用类似的代码在其他模块,它的工作正常。

vhmi4jdf

vhmi4jdf1#

也许你已经在某处定义了一个函数调用(@click=something),而你还没有在方法中定义这个函数。

fbcarpbf

fbcarpbf2#

当模板中的v-on:click OR @click指令缺少它所指向的函数时,会发生此错误,该函数位于组件中的methods内。
范例:

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

字符串

0wi1tuuw

0wi1tuuw3#

您正在调用组件中的某些函数,但该函数尚未在组件中定义,请检查组件中的所有函数是否已定义。

举例说明

您正在使用@click=“something”,但在组件中没有定义something()。

yduiuuwa

yduiuuwa4#

你只需要像这样把你的部门初始化为一个数组:

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

字符串

jyztefdp

jyztefdp5#

这也发生在我身上,但有不同的原因(Vue + Vuetify. @click函数必须附加到btn,而不是像下面这样的图标。

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

字符串

ahy6op9u

ahy6op9u6#

在源面板的Breakpoints下选中Pause on caught exceptions。x1c 0d1x
然后,您可以在Scope-Local.

中看到导致问题的name变量(对应于@name =一个未定义的方法

相关问题