表格中的按钮在api加载之前显示并且加载器不起作用。 _程序开发

创始人

2024-12-10 10:00:05

0次

可以通过使用条件渲染来解决这个问题。在组件中使用一个布尔值来表示是否加载完毕，然后根据这个布尔值来决定是否显示按钮和加载器。

示例代码：

Name	Age	Action
{{ person.name }}	{{ person.age }}

在本例中，我们使用一个名为dataLoaded的布尔值来表示数据是否已加载到表格中。在表格的 Action 列中，我们使用了一个v-if语句来判断数据是否已经加载完毕。如果数据已经加载完毕，就显示按钮。否则，显示一个占位符，例如一个加载器。

当我们使用组件时，在mounted钩子中，我们使用fetch()函数来获取人员数据。当数据获取完毕后，我们将dataLoaded修改为true。这将使组件重新渲染，并显示Action列中的按钮。

5分钟私人局辅助免费！如何下载... 5分钟私人局辅助免费！如何下载德普之星辅助软件，德扑之心免费透视，详细教程（有挂详情）1、超多福利：...

两分钟透视挂!德普之星透视软件... 两分钟透视挂!德普之星透视软件免费入口官网(透视辅助)详细辅助作弊器(原来作弊器)该软件可以轻松地帮...

八分钟开辅助！德普之星辅助器a... 八分钟开辅助！德普之星辅助器app，德普之星有辅助软件吗，详细教程（有挂秘籍）1、每一步都需要思考，...

1分钟开辅助!德普软件(透视辅... 1分钟开辅助!德普软件(透视辅助软件)详细辅助程序(都是程序)；所有人都在同一条线上，像星星一样排成...

五分钟设置埋牌！德普之星透视辅... 五分钟设置埋牌！德普之星透视辅助软件下载，德普辅助器辅助器怎么用，详细教程（有挂方法）德普之星透视辅...

十分钟透视软件!德普之星私人局... 十分钟透视软件!德普之星私人局辅助器(透视辅助)详细辅助外挂(一直外挂)1、在德普之星私人局辅助器a...

十分钟透视辅助插件！如何下载德... 十分钟透视辅助插件！如何下载德普之星辅助软件，德普辅助软件，详细教程（有挂技巧）；1、打开软件启动之...

五分钟透视!德普之星透视辅助软... 五分钟透视!德普之星透视辅助软件激活码(透视辅助)详细辅助插件(一贯插件)；1、德普之星透视辅助软件...

九分钟透视辅助!德普之星怎么设... 九分钟透视辅助!德普之星怎么设置埋牌(透视辅助软件)详细辅助模拟器(总是模拟器)该软件可以轻松地帮助...

九分钟透视!德普之星怎么设置埋... 九分钟透视!德普之星怎么设置埋牌(透视辅助)详细辅助神器(一直神器)；1、上手简单，内置详细流程视频...