vue2 组件传值问题

问题遇到的现象和发生背景

现在有A B两个页面共用了一个C组件,A 是在内容区直接放了C组件,B是通过dialog弹框显示C组件,所以在A组件中dom渲染是在接口返回数据之前访问数据导致报错undfiend, 通过v-if在接口调用后在显示C组件会解决报错但是首次进入会白屏,请问有没有其他得方法解决

问题相关代码,请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果

你想要达到接口在DOM渲染结束之前调用,可以放在created生命周期中调接口。

你数据没有返回之前,不要占位的样式吗,试试v-show

用ref重新调用接口

created先获取数据,在显示组件