Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘split‘)“

2023-11-11

我在用vue写页面的时候,其中附件功能是写成组件模式的,然后在调用后,把数据渲染上去的时候,就会报错,具体错误如下图所示:

 到后面虽然数据确实是渲染出来了,但是控制台会报Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'split')"错误。

去网上搜了,原因就是因为在初始化的时候调用了未定义的值,简单来说就是初始化太快了,我的接口数据还没赋值就已经完成初始化了,所以才会报错。这个是我的代码,其实就是多做了一个步骤,我其实没有必要要那个setData,直接在data定义一个对象就可以了。

最后修改后的代码如下:

 然后就不报错了。

其实之前也遇到过这种问题,出现了两三次就觉得还是记下来比较好。之前的问题是我的数据已经存在一个对象中了,然后要把这个对象传到另一个组件里,在mounted来打印是空的,最后我是用watch监听来解决的。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘split‘)“ 的相关文章