diff --git a/api-test/frontend/src/business/home/components/dashboard/ApiCaseDashboard.vue b/api-test/frontend/src/business/home/components/dashboard/ApiCaseDashboard.vue
index 0be9549fde..03e53ec376 100644
--- a/api-test/frontend/src/business/home/components/dashboard/ApiCaseDashboard.vue
+++ b/api-test/frontend/src/business/home/components/dashboard/ApiCaseDashboard.vue
@@ -6,7 +6,7 @@
       </div>
       <div v-loading="loading" element-loading-background="#FFFFFF">
         <div
-          v-show="loadError"
+          v-if="loadError"
           style="
             width: 100%;
             height: 300px;
@@ -18,7 +18,7 @@
           <img style="height: 100px; width: 100px" src="/assets/module/figma/icon_load_error.svg" />
           <span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
         </div>
-        <div v-show="!loadError">
+        <div v-if="!loadError">
           <div class="main-info">
             <el-row :gutter="16">
               <el-col :span="12">
diff --git a/api-test/frontend/src/business/home/components/dashboard/ApiDashboard.vue b/api-test/frontend/src/business/home/components/dashboard/ApiDashboard.vue
index 9d61ea4507..b04b2d4c90 100644
--- a/api-test/frontend/src/business/home/components/dashboard/ApiDashboard.vue
+++ b/api-test/frontend/src/business/home/components/dashboard/ApiDashboard.vue
@@ -6,7 +6,7 @@
       </div>
       <div v-loading="loading" element-loading-background="#FFFFFF">
         <div
-            v-show="loadError"
+            v-if="loadError"
             style="
             width: 100%;
             height: 300px;
@@ -18,7 +18,7 @@
           <img src="/assets/module/figma/icon_load_error.svg" style="height: 100px; width: 100px"/>
           <span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
         </div>
-        <div v-show="!loadError">
+        <div v-if="!loadError">
           <div class="main-info">
             <count-chart ref="countChart" :api-data="apiData" :version-id="versionId"/>
           </div>
diff --git a/api-test/frontend/src/business/home/components/dashboard/ScenarioDashboard.vue b/api-test/frontend/src/business/home/components/dashboard/ScenarioDashboard.vue
index 12cf689403..8059f593ad 100644
--- a/api-test/frontend/src/business/home/components/dashboard/ScenarioDashboard.vue
+++ b/api-test/frontend/src/business/home/components/dashboard/ScenarioDashboard.vue
@@ -6,7 +6,7 @@
       </div>
       <div v-loading="loading" element-loading-background="#FFFFFF">
         <div
-          v-show="loadError"
+          v-if="loadError"
           style="
             width: 100%;
             height: 300px;
@@ -18,7 +18,7 @@
           <img style="height: 100px; width: 100px" src="/assets/module/figma/icon_load_error.svg" />
           <span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
         </div>
-        <div v-show="!loadError">
+        <div v-if="!loadError">
           <div class="main-info">
             <el-row :gutter="16">
               <el-col :span="12">
diff --git a/api-test/frontend/src/business/home/components/dashboard/ScenarioScheduleDashboard.vue b/api-test/frontend/src/business/home/components/dashboard/ScenarioScheduleDashboard.vue
index 1c95fe7d6f..217f462ef9 100644
--- a/api-test/frontend/src/business/home/components/dashboard/ScenarioScheduleDashboard.vue
+++ b/api-test/frontend/src/business/home/components/dashboard/ScenarioScheduleDashboard.vue
@@ -6,7 +6,7 @@
       </div>
       <div v-loading="loading" element-loading-background="#FFFFFF">
         <div
-          v-show="loadError"
+          v-if="loadError"
           style="
             width: 100%;
             height: 300px;
@@ -18,7 +18,7 @@
           <img style="height: 100px; width: 100px" src="/assets/module/figma/icon_load_error.svg" />
           <span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
         </div>
-        <div v-show="!loadError">
+        <div v-if="!loadError">
           <div class="main-info">
             <el-row :gutter="16">
               <el-col :span="12">
diff --git a/api-test/frontend/src/business/home/components/table/ScheduleTaskList.vue b/api-test/frontend/src/business/home/components/table/ScheduleTaskList.vue
index 6dbd38fafa..50e48008f1 100644
--- a/api-test/frontend/src/business/home/components/table/ScheduleTaskList.vue
+++ b/api-test/frontend/src/business/home/components/table/ScheduleTaskList.vue
@@ -5,7 +5,7 @@
     </span>
     <div style="margin-top: 16px" v-loading="loading" element-loading-background="#FFFFFF">
       <div
-        v-show="loadError"
+        v-if="loadError"
         style="
           width: 100%;
           height: 300px;
@@ -17,7 +17,7 @@
         <img style="height: 100px; width: 100px" src="/assets/module/figma/icon_load_error.svg" />
         <span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
       </div>
-      <div v-show="!loadError">
+      <div v-if="!loadError">
         <el-table
           border
           :data="tableData"
diff --git a/api-test/frontend/src/business/home/components/table/UpdatedApiList.vue b/api-test/frontend/src/business/home/components/table/UpdatedApiList.vue
index 61cb2c20e5..4456823865 100644
--- a/api-test/frontend/src/business/home/components/table/UpdatedApiList.vue
+++ b/api-test/frontend/src/business/home/components/table/UpdatedApiList.vue
@@ -5,7 +5,7 @@
     </span>
     <div style="margin-top: 16px" v-loading="loading" element-loading-background="#FFFFFF">
       <div
-        v-show="loadError"
+        v-if="loadError"
         style="
           width: 100%;
           height: 300px;
@@ -17,7 +17,7 @@
         <img style="height: 100px; width: 100px" src="/assets/module/figma/icon_load_error.svg" />
         <span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
       </div>
-      <div v-show="!loadError">
+      <div v-if="!loadError">
         <el-table
           border
           :data="tableData"
diff --git a/test-track/frontend/src/business/home/components/BugCountCard.vue b/test-track/frontend/src/business/home/components/BugCountCard.vue
index 82f3d99153..9c45b1b940 100644
--- a/test-track/frontend/src/business/home/components/BugCountCard.vue
+++ b/test-track/frontend/src/business/home/components/BugCountCard.vue
@@ -6,13 +6,13 @@
       </div>
 
       <div v-loading="loading" element-loading-background="#FFFFFF">
-        <div v-show="loadError"
+        <div v-if="loadError"
              style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center">
           <img style="height: 100px;width: 100px;"
                src="/assets/module/figma/icon_load_error.svg"/>
           <span class="addition-info-title" style="color: #646A73">{{ $t("home.dashboard.public.load_error") }}</span>
         </div>
-        <div v-show="!loadError">
+        <div v-if="!loadError">
           <div class="main-info">
             <count-chart :chart-data="bugData.chartData" :main-title="chartMainTitle" :color-constant="DEFAULT_DASHBOARD_CHART_COLOR"
                          :week-count="bugData.thisWeekCount" :chart-sub-link="chartRedirectLink" ref="countChart" @redirectPage="redirectPage"/>
diff --git a/test-track/frontend/src/business/home/components/CaseCountCard.vue b/test-track/frontend/src/business/home/components/CaseCountCard.vue
index 91f0f4a024..1bf41f95ba 100644
--- a/test-track/frontend/src/business/home/components/CaseCountCard.vue
+++ b/test-track/frontend/src/business/home/components/CaseCountCard.vue
@@ -6,13 +6,13 @@
       </div>
 
       <div v-loading="loading" element-loading-background="#FFFFFF">
-        <div v-show="loadError"
+        <div v-if="loadError"
              style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center">
           <img style="height: 100px;width: 100px;"
                src="/assets/module/figma/icon_load_error.svg"/>
           <span class="addition-info-title" style="color: #646A73">{{ $t("home.dashboard.public.load_error") }}</span>
         </div>
-        <div v-show="!loadError">
+        <div v-if="!loadError">
           <div class="main-info">
             <count-chart :chart-data="trackData.chartData" :main-title="chartMainTitle" :color-constant="CASE_DASHBOARD_CHART_COLOR"
                          :week-count="trackData.thisWeekAddedCount" :chart-sub-link="chartRedirectLink" ref="countChart" @redirectPage="redirectPage"/>
diff --git a/test-track/frontend/src/business/home/components/CaseMaintenance.vue b/test-track/frontend/src/business/home/components/CaseMaintenance.vue
index ea79fad9b0..2fe603d2ff 100644
--- a/test-track/frontend/src/business/home/components/CaseMaintenance.vue
+++ b/test-track/frontend/src/business/home/components/CaseMaintenance.vue
@@ -6,13 +6,13 @@
       </div>
 
       <div v-loading="loading" element-loading-background="#FFFFFF">
-        <div v-show="loadError"
+        <div v-if="loadError"
              style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center;align-items: center">
           <img style="height: 100px;width: 100px;"
                src="/assets/module/figma/icon_load_error.svg"/>
           <span class="addition-info-title" style="color: #646A73">{{ $t("home.dashboard.public.load_error") }}</span>
         </div>
-        <div v-show="!loadError">
+        <div v-if="!loadError">
           <el-container>
             <ms-chart ref="chart1" :options="caseOption" :autoresize="true" style="width: 100%;height: 340px;"></ms-chart>
           </el-container>
diff --git a/test-track/frontend/src/business/home/components/RelevanceCaseCard.vue b/test-track/frontend/src/business/home/components/RelevanceCaseCard.vue
index 33b82c3221..672a4eed74 100644
--- a/test-track/frontend/src/business/home/components/RelevanceCaseCard.vue
+++ b/test-track/frontend/src/business/home/components/RelevanceCaseCard.vue
@@ -6,13 +6,13 @@
       </div>
 
       <div v-loading="loading" element-loading-background="#FFFFFF">
-        <div v-show="loadError"
+        <div v-if="loadError"
              style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center">
           <img style="height: 100px;width: 100px;"
                src="/assets/module/figma/icon_load_error.svg"/>
           <span class="addition-info-title" style="color: #646A73">{{ $t("home.dashboard.public.load_error") }}</span>
         </div>
-        <div v-show="!loadError">
+        <div v-if="!loadError">
           <div class="main-info">
             <count-chart :chart-data="relevanceData.chartData" :main-title="chartMainTitle" :color-constant="RELEVANCE_CASE_DASHBOARD_CHART_COLOR"
                          :week-count="relevanceData.thisWeekAddedCount" :chart-sub-link="chartRedirectLink" ref="countChart" @redirectPage="redirectPage"/>
diff --git a/test-track/frontend/src/business/home/components/ReviewList.vue b/test-track/frontend/src/business/home/components/ReviewList.vue
index e0acb2ada3..9216fb3001 100644
--- a/test-track/frontend/src/business/home/components/ReviewList.vue
+++ b/test-track/frontend/src/business/home/components/ReviewList.vue
@@ -10,13 +10,13 @@
     </div>
 
     <div style="margin-top: 16px" v-loading="loading" element-loading-background="#FFFFFF">
-      <div v-show="loadError"
+      <div v-if="loadError"
            style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center;align-items: center">
         <img style="height: 100px;width: 100px;"
              src="/assets/module/figma/icon_load_error.svg"/>
         <span class="addition-info-title" style="color: #646A73">{{ $t("home.dashboard.public.load_error") }}</span>
       </div>
-      <div v-show="!loadError">
+      <div v-if="!loadError">
         <el-table class="adjust-table table-content" :data="tableData" @row-click="intoPlan"
                   header-cell-class-name="home-table-cell" style="min-height: 228px">
           <el-table-column
diff --git a/test-track/frontend/src/business/home/components/RunningTaskList.vue b/test-track/frontend/src/business/home/components/RunningTaskList.vue
index ab0ce9eb01..35ad8a18aa 100644
--- a/test-track/frontend/src/business/home/components/RunningTaskList.vue
+++ b/test-track/frontend/src/business/home/components/RunningTaskList.vue
@@ -4,13 +4,13 @@
       {{ $t('api_test.home_page.running_task_list.title') }}
     </span>
     <div style="margin-top: 16px" v-loading="loading" element-loading-background="#FFFFFF">
-      <div v-show="loadError"
+      <div v-if="loadError"
            style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center">
         <img style="height: 100px;width: 100px;"
              src="/assets/module/figma/icon_load_error.svg"/>
         <span class="addition-info-title" style="color: #646A73">{{ $t("home.dashboard.public.load_error") }}</span>
       </div>
-      <div v-show="!loadError">
+      <div v-if="!loadError">
         <el-table
           :enable-selection="false" :condition="condition" :data="tableData" class="adjust-table table-content"
           @refresh="search" header-cell-class-name="home-table-cell" style="min-height: 228px">