首页 > 编程知识 正文

vue父子组件传值实时更新,vue父组件异步获取数据传给子组件

时间:2023-05-03 22:25:14 阅读:230839 作者:3517

vue父子组件传值,父组件异步获取值,子组件不能动态更新 问题描述原因解决办法

问题描述

父组件使用v-bind绑定异步获取的数据,传递给使用echarts的子组件,props接收数据,此时子组件不会动态刷新,且控制台报错:

原因

父组件获取异步数据,未等到数据返回,子组件created已经加载完毕;echarts在渲染时就传递数据。

解决办法

父组件使用 v-if,对数据进行判断,初始值为false(此组件不加载数据),等到数据获取成功,将v-if改为true。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。