发薪合同操作-缓存问题

src/views/business/component/staffForm.vue

@@ -33,10 +33,7 @@
                         <el-col :span="10">
                             <el-form-item label="发薪主体">
                                 <el-select v-model="formData.payerCompanyId" clearable placeholder="请选择发薪主体">
-                                <el-option
-                                  v-for="item in payerCompanyArr"
-                                  :key="item.id"
-                                  :label="item.companyName"
+                                    <el-option v-for="item in payerCompanyArr" :key="item.id" :label="item.companyName"
                                         :value="item.id">
                                     </el-option>
                                 </el-select>
@@ -441,15 +438,20 @@ export default {
     created() {
 
     },
-    updated() {
-      // this.reset()
-    },
-    mounted() {
-        if (this.$route.query.id) {
-            this.getOutContractFN(this.$route.query.id)
+    watch: {
+        '$route.query.id'(newValue, oldValue) {
+            if (newValue) {
+                this.getOutContractFN(newValue)
             } else {
                 this.reset()
             }
+        }
+    },
+    mounted() {
+        // if (this.$route.query.id) {
+        //     this.getOutContractFN(this.$route.query.id)
+        // } else {
+        // }
         this.getPayerCompanyList()
     },
     methods: {