修改前端数据共享的问题

src/views/sing_desk/platformsetting.vue

@@ -1,8 +1,6 @@
 <template>
   <basic-container>
-    <avue-tabs :option="tabOption" @change="(data)=>{
-      this.key = data.prop;
-    }">
+    <avue-tabs :option="tabOption" @change="(data)=>tabChange(data.prop)">
     </avue-tabs>
     <avue-form ref="form" v-model="form" :option="option" @submit="updateSetting">
     </avue-form>
@@ -36,35 +34,29 @@ export default {
       key: "",
     }
   },
-  watch: {
-    "key": {
-      handler(value) {
-        this.tabChange(value);
-      }
-    }
-  },
   created() {
-    this.key = this.tabOption.column[0].prop;
+    this.tabChange(this.tabOption.column[0].prop);
   },
   methods: {
     /**
      * 获取平台设置
      */
     getSetting(key) {
-      this.form = {};
       getPlatformSetting(key).then(res => {
-        if (res.data.data !== undefined) {
-          this.form = JSON.parse(res.data.data);
-        }
+        this.form = JSON.parse(res.data.data);
       });
     },
     /**
      * 更新平台设置
      */
     updateSetting(row, loading) {
+      const data = {};
+      this.option.column.forEach(ele=>{
+        data[ele.prop] = this.form[ele.prop];
+      });
       updatePlatformValue({
         key: this.key,
-        value: JSON.stringify(this.form)
+        value: JSON.stringify(data)
       }).then(() => {
         this.$message.success("修改成功");
       }).finally(() => {
@@ -75,8 +67,9 @@ export default {
      * 选项卡变化
      */
     tabChange(key) {
+      this.key = key;
       //活动页面
-      if (key === "PAGE_INTERFACE_SHOW") {
+      if (this.key === "PAGE_INTERFACE_SHOW") {
         this.option.column = [
           {
             label: "主页标题",
@@ -163,7 +156,7 @@ export default {
             }
           }
         ]
-      } else if(key === "ACTIVE_SETTING"){
+      } else if(this.key === "ACTIVE_SETTING"){
         this.option.column = [
           {
             label: "默认活动",
@@ -209,7 +202,8 @@ export default {
       } else {
         this.option.column = [];
       }
-      this.getSetting(key);
+      this.form = {};
+      this.getSetting(this.key);
     }
   }
 };