LWC-问题解决-2-子组件显示异常

最新推荐文章于 2024-12-03 01:00:00 发布

原创最新推荐文章于 2024-12-03 01:00:00 发布 · 241 阅读

0 ·

CC 4.0 BY-SA版权

SFDC 同时被 2 个专栏收录

10 篇文章

订阅专栏

LWC

2 篇文章

订阅专栏

本文讨论了在父组件未完成数据库取值前，子组件因提前渲染导致显示异常的问题。通过在子组件中增加条件判断，确保只有当所需数据存在时才进行渲染，有效解决了这一难题。

如下面的例子中，子组件中的参数【creationUserId】是在父组件加载完成后，从数据库中取回来的值。
在父组件还没有取值完成之前，子组件如果被渲染，就导致子组件不能正常显示。
改动方法，在子组件的显示上控制。比如说【creationUserId】在没有值之前不显示子组件。

变更前

  <div class="slds-m-top_x-large　slds-m-bottom_medium ">                    
      <c-latest-info-list sys-token={sysToken} search-key={creationUserId}>
      </c-latest-info-list> 
  </div>

变更后

  <div class="slds-m-top_x-large　slds-m-bottom_medium " if:true={creationUserId}>                    
      <c-latest-info-list sys-token={sysToken} search-key={creationUserId}>
      </c-latest-info-list> 
  </div>