在等待列表渲染时有条件地渲染微调器

Question

我有一个组件用于渲染几种不同的卡片。这些卡片需要一些时间来呈现，我想显示通过 Material-UI 导入的 <li v-for="(conv, index) in convs" :key="index" class="pb-1"> <div class="bg-yellow-100 p-2 m-2 rounded-lg" v-if="conv.user1.name == user.name"> <h1>{{conv.user2.name}}</h1></div> <div class="bg-yellow-100 p-2 m-2 rounded-lg" v-else > <h1>{{conv.user2.name}}</h1></div> </li> 微调器。

我不确定如何实现这一点，我在 Stack 上看到了一些使用某种加载状态的帖子，但不确定它如何适合这个特定组件。

任何建议将不胜感激。

CircularProgress