改进

src/views/libraries/List.vue

@@ -7,7 +7,9 @@
       {{ selected_ids }}
     </div> -->
 
-    <v-btn @click="selectAll" :color="selected_ids.length > 0 ? 'primary' : ''">全选</v-btn>
+    <v-btn @click="selectAll" :color="selected_ids.length > 0 ? 'primary' : ''"
+      >全选</v-btn
+    >
 
     <v-btn
       class="ml-2"
@@ -15,17 +17,16 @@
       :loading="is_deleting"
       >删除所选
 
-      <v-dialog
+      <v-dialog v-model="show_dialog" activator="parent" width="auto">
-        v-model="show_dialog"
-        activator="parent"
-        width="auto"
-      >
         <v-card>
-          <v-card-text>
+          <v-card-text> 确认删除所选项? </v-card-text>
-           确认删除所选项?
-          </v-card-text>
           <v-card-actions>
-            <v-btn color="primary" @click="deleteSelected" :loading="is_deleting">确认删除</v-btn>
+            <v-btn
+              color="primary"
+              @click="deleteSelected"
+              :loading="is_deleting"
+              >确认删除</v-btn
+            >
             <v-btn @click="show_dialog = false">取消</v-btn>
           </v-card-actions>
         </v-card>
@@ -78,8 +79,6 @@
       </v-row>
     </v-container>
   </div>
-
-  
 </template>
 
 <script setup>
@@ -95,18 +94,23 @@ const selected_ids = ref([]);
 const is_deleting = ref(false);
 const show_dialog = ref(false);
 
-const load = () => {
+const load = (show_load = true) => {
+  if (show_load) {
     loading.value = true;
+  }
+
   selected_ids.value = [];
   library
     .librariesGet(page.value)
     .then((r) => {
       libraries.value = r.data;
-      page.value = r.data.Page
+      page.value = r.data.Page;
       console.log(r.data.Data);
     })
     .finally(() => {
+      if (show_load) {
         loading.value = false;
+      }
     });
 };
 
@@ -157,7 +161,7 @@ function deleteSelected() {
         // remove
         libraries.value.Data = libraries.value.Data.filter(
           (i) => i.ID !== item
-        )
+        );
       });
     });
 
@@ -167,11 +171,11 @@ function deleteSelected() {
         page.value = page.value - 1;
       }
 
-      load();
+      load(false);
 
       is_deleting.value = false;
 
-      show_dialog.value = false
+      show_dialog.value = false;
     }, 1000);
   }
 }