问答

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

作者:admin 2021-04-22 我要评论

最近使用vue-element-admin,子组件需要的数据通过父组件传过来,父组件这个数据也要靠请求后端接口获得,如果此时子组件都渲染好了,父组件通过网络取得的数据还...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

很奇怪的一件事是我这里有两个子组件,一个子组件就能实时无误的传给子组件,但是其他组件就是不可以了。
如果有不忙的大神可以看下vue-element-admin后台首页,
图片.png
红色的部分就是没获取到的数据,绿色部分子组件用的同样方式处理,却能得到数据。

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

1、数据有才渲染 用v-if实现惰性渲染
2、红框内的组件没更新数据 怀疑传入的数据非响应式

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 求助!Mysql workbench connections出

    求助!Mysql workbench connections出

  • c++ 的dll 转golang可以调用

    c++ 的dll 转golang可以调用

  • c++的 new int{10}  和 new int(10) 有

    c++的 new int{10} 和 new int(10) 有

  • Grafana MySQL为数据源时, 折线图无法

    Grafana MySQL为数据源时, 折线图无法

腾讯云代理商
海外云服务器