添加变量后自动更新

Author: M3chD09

frontend/src/components/VariableAllDialog.vue

@@ -3,13 +3,12 @@
     <v-dialog v-model="dialog" fullscreen hide-overlay transition="dialog-bottom-transition">
       <v-card>
         <v-toolbar dark color="primary">
-          <v-toolbar-title>变量列表</v-toolbar-title>
-          <v-spacer></v-spacer>
           <v-toolbar-items>
-            <v-btn icon dark @click="dialog = false">
+            <v-btn icon dark v-on:click="closeDialog">
               <v-icon>mdi-close</v-icon>
             </v-btn>
           </v-toolbar-items>
+          <v-toolbar-title>变量列表</v-toolbar-title>
         </v-toolbar>
         <v-row>
           <v-col cols="4">
@@ -117,6 +116,10 @@ export default {
     openDialog() {
       this.dialog = true;
     },
+    closeDialog() {
+      this.$emit("getAllV");
+      this.dialog = false;
+    },
     getVariableList() {
       axios.get("/file/variables").then(response => {
         this.lists = response.data.Variables;

frontend/src/views/Variables.vue

@@ -2,17 +2,17 @@
   <v-container>
     <v-row>
       <v-col cols="12" sm="6" md="6">
-        <VariableCard showtext="观察" />
+        <VariableCard showtext="观察" ref="cardRead" />
       </v-col>
 
       <v-col cols="12" sm="6" md="6">
-        <VariableCard showtext="修改" />
+        <VariableCard showtext="修改" ref="cardModi" />
       </v-col>
 
       <v-btn color="secondary" dark absolute bottom right fab v-on:click="openDialog()">
         <v-icon>mdi-plus</v-icon>
       </v-btn>
-      <VariableAllDialog ref="VariableAllDialog" />
+      <VariableAllDialog ref="VariableAllDialog" @getAllV="getAllV" />
     </v-row>
   </v-container>
 </template>
@@ -28,6 +28,10 @@ export default {
   methods: {
     openDialog() {
       this.$refs.VariableAllDialog.openDialog();
+    },
+    getAllV() {
+      this.$refs.cardRead.getVariables();
+      this.$refs.cardModi.getVariables();
     }
   }
 };