vue 父组件传值给子组件 异步报错 出现Undefind [Vue warn]: Error in mounted hook: "TypeError: Cannot read property

最新推荐文章于 2024-06-28 23:45:00 发布
最新推荐文章于 2024-06-28 23:45:00 发布
阅读量1.1w 收藏 5
点赞数 3
分类专栏： VUE 文章标签： vue  数据异步 父组件传值给子组件异步
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_20472061/article/details/88603517
版权

先直接讲解一下错误

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property ‘detail’ of undefined"found in

这个报错是出现 我出现的是父组件传值 给子组件 然后子组件报错了

直接打印子组件的值 发现这个值是undefind

因为数据还没过来 就直接渲染dom节点 导致这个错误

解决方案

    <Choose v-if='cqssTreeData.length' :treedata="cqssTreeData"></Choose>

或者

    <Choose v-if='cqssTreeData' :treedata="cqssTreeData"></Choose>

使用v-if 当父组件有数据的时候做渲染 刚开始直接判断数据发现是不行的
然后加了 判断数据长度 OK 搞定
谢谢观看 希望对你有用 Tks

zehua_o
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘coordinateSystem‘ of undefined“
郭宝的博客
08-24 9930
背景： 在 Vue 项目中使用 ECharts 图表组件时，出现了该错误信息，而且图表无法正常显示 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'coordinateSystem' of undefined" found in ---> <Trend> at src/components/Trend.vue <
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: “TypeError: Cannot read properties of
z_langjitianya的博客
11-17 1837
此报错为 echarts 报错，错误原因：将挂载函数写在 created 中了，只需将函数 移至 mounted 中就好。
若依没解构送post请求出现的bug，vue.runtime.esm.js:620 [Vue warn]: Error in mounted hook: “TypeError: (0 , _inde
最新发布
weixin_54048131的博客
06-28 220
【代码】若依没解构送post请求出现的bug，vue.runtime.esm.js:620 [Vue warn]: Error in mounted hook: “TypeError: (0 , _inde。
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: “TypeError: Object(...) is not a func
qq_30351747的博客
05-04 2万+
从后端拿取数据渲染到表格数据。结果明明写的没错，但是却报错 定位到代码中。 引入后端接口 引入的这个js，要用大括号包起来，不然就被当作方法调用，所以就会报错的呀 原文链接：vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: "TypeError: Object(…) is not a func 报错 .........
Vue父组件引用子组件方法显示undefined问题原因及解决方法
_夜渐凉
12-03 1万+
大概理解为：在子组件初始化渲染时，不能立刻访问子组件属性或方法 父组件： // 父组件引用子组件 &lt;PrintReport ref="PrintReport"&gt;&lt;/PrintReport&gt; // 在父组件的调用子组件的initData方法 this.$refs.PrintReport.initData('666666666'); 子组件： initDa...
【VUE】父组件在mounted/created 中调用子组件方法报错
少莫千华
01-13 4657
一、错误描述 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'createData' of undefined" vue.runtime.esm.js?2b0e:619 found in ---> <DataView> at src/components/index.vue <App> at src/App.vue ...
vue 父组件给子组件传值子组件给父组件传值的实例代码
10-17
1. **父组件给子组件传值** 在Vue中，父组件向子组件传递数据主要是通过`props`属性实现的。首先，在子组件中定义`props`，声明需要接收的属性。例如，子组件`fromTest.vue`如下： ```html <h2>{{title}} ...
vue父组件给子组件传值
12-21
下面我们将详细探讨如何在Vue中实现父组件给子组件传值。 1. **Props定义**： 在Vue中，子组件通过props属性接收父组件传递的数据。在子组件的选项对象中，我们需要定义一个props数组，列出所有期望接收的属性名。...
vue2.0 子组件改变props值,并向父组件传值的方法
08-27
Vue 2.0 子组件改变 props 值并向父组件传值的方法 在 Vue 2.0 中，子组件改变 props 值并向父组件传值是非常常见的需求。props 是 Vue 组件之间通信的重要手段，但是在子组件中修改 props 值时需要注意避免影响父...
vue父组件异步获取数据传给子组件的方法
10-18
通过以上策略，可以有效地解决Vue中父组件异步数据传递给子组件时可能出现的问题，保证应用的稳定性和数据的一致性。在实际开发过程中，理解并灵活运用这些技术，有助于提升代码质量，减少错误的发生。希望这些内容...
vue 子组件向父组件传值方法
08-27
在组件化的开发模式下，有时我们需要将子组件的数据传递给父组件，以便在更高层级进行处理或显示。本文将详细讲解Vue子组件如何向父组件传递值。 一、使用自定义事件（$emit） Vue.js 提供了一种基于事件驱动的...
解决vue vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: “TypeError: Cannot convert undefine
lllomh的博客
03-03 1万+
报错 这是因为 数据还没到先显示了,图标是表单的时候 设置有值之后再显示就好了 value="barData?barData:''" 这样也会报错的 只有 v-if 可以
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'coordinateS
Y_Cfeng的博客
10-15 1618
vue项目中出现问题： [Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘coordinateSystem’ of undefined”，为什么会这样？？？？
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null"
热门推荐
kkhk04的博客
10-10 3万+
错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化， 代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv');let myChart = this.$echarts.init(bar_dv) 解决办法...
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in mounted hook: “TypeError: handler.call is not a fun
weixin_47353884的博客
08-13 2133
查看页面相关 生命周期钩子函数 是否有 声明了未定义方法 或是 只声名了钩子函数。从报错的handlers[i].call 入手查找原因。这个错误是 调用相关的生命周期钩子函数引起来的错误。提示报错了 但是页面可以正常显示 不影响功能。把钩子删除，或是把定义的方法写完全了就可以了。...
[Vue warn]: Error in mounted hook: "TypeError: handler.call is not a function"
清晨的光明
04-13 6489
Vue调用钩子函数mounted时报错： [Vue warn]: Error in mounted hook: "TypeError: handler.call is not a function" 错误代码： // 页面显示之前调用 mounted: { this.device_view(); }, 正确代码： // 页面显示之前调用 mounted:function...
vue中父子组件传值出现undefined
shangsiqi1的博客
11-15 8565
当父子组件需要用到对方的值的时候是不能访问对方data中的数据或methods的 那么当父向子传值的时候就在父组件中引入的子组件的标签上绑定属性 再把值传递过去 在子组件中要先把属性放入props数组中,才能使用 而子向父传值就要父组件提供方法给子组件, (在父组件中找到子组件引入的标签,标签上@xxx=“父组件方法名”) 在子组件中调用父组件的方法并把值传给他 (子组件中直接调用this.$em...
4、vue 中报错 Error in mounted hook: "TypeError: handlers[i].call is not a function"
rsancy-BK
09-17 2万+
Vue中提示警告： 1 2 3 4 5 6 7 [Vue warn]: Error in mounted hook: "TypeError: handlers[i].call is not a function"   found in   ---&gt; &lt;Detail&gt; a...
使用vue 提示 error in mounted hook: TypeError: invalid src type
酸奶不够酸的博客
11-24 2940
记一次使用vue出现的问题，页面控制台提示，error in mounted hook: TypeError: invalid src type 原因是因为mounted 挂载了没使用的方法，删掉即可。 <template> <button v-on:click ="add()">add</button> <button v-on:click ="edit()">edit</button> </template> <scri
Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')"
08-31
根据你提供的引用内容，报错信息"TypeError: Cannot read properties of undefined (reading 'init')"是在Vue的mounted钩子函数中发生的。这个错误通常是因为访问了一个未定义的属性或方法。要解决这个问题，可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值