Javascript Boostrap Vue JS表忙状态加载指示器

问题：我想在表仍在加载时显示一个忙加载图标

我使用的是Boostrap vue JS，它基于Boostrap，我使用的是VueJS的“b表”组件，我将在这个表上显示大约3000行

获取数据的API请求非常快，响应时间约为3秒，但表呈现时间要长得多。我查阅了说明如何使用和设置表的忙碌状态的文档

但是，除非我误读了文档，否则它将繁忙状态视为数据本身的实际请求/响应所需的时间。在我的例子中，这不起作用，因为这些数据的表呈现可能需要30秒，我希望在此期间显示busy loading图标

有没有合适的方法来完成这项工作，并将DOM渲染时间包括在繁忙时间内

到目前为止我对代码的尝试

    <b-table hover :items="activities.items" busy.sync="true" :fields="activities.fields">
         <template v-slot:table-busy>
               <div class="text-center text-danger my-2">
                     <b-spinner class="align-middle"></b-spinner>
                     <strong>Loading...</strong>
               </div>
         </template>
    </b-table>

加载…

您不会以这种方式解决此问题（您描述的内容实际上是不可能的，因为您的页面由于延迟而每秒呈现0帧）。您需要使用libs，它与虚拟DOM一样工作。换言之，您的表将是滞后和用户不友好的