H5W3
当前位置:H5W3 > JavaScript > Vue相关 > 正文

【Vue】vue字符组件被渲染好时,父组件传过来的值还没加载出来该如何处理?

最近使用vue-element-admin,子组件需要的数据通过父组件传过来,父组件这个数据也要靠请求后端接口获得,如果此时子组件都渲染好了,父组件通过网络取得的数据还没回传回来,子组件就没有数据了,如何保证子组件接收到父组件传来的值后再渲染呢?
因为该接口的数据有两个子组件都要使用,所以才把该请求放在了父组件上,结果子组件大部分时间都没获取到数据呢就直接渲染了。

很奇怪的一件事是我这里有两个子组件,一个子组件就能实时无误的传给子组件,但是其他组件就是不可以了。
如果有不忙的大神可以看下vue-element-admin后台首页,
【Vue】vue字符组件被渲染好时,父组件传过来的值还没加载出来该如何处理?
红色的部分就是没获取到的数据,绿色部分子组件用的同样方式处理,却能得到数据。

  • 子组件惰性渲染,v-if判断数据存在才渲染;
  • 子组件watch需要的prop,prop值发生变化重新渲染;

回答

本文地址:H5W3 » 【Vue】vue字符组件被渲染好时,父组件传过来的值还没加载出来该如何处理?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址