⚡ 同路由tab切换刷新数据

src/views/work/process/leave/detail.vue

@@ -77,6 +77,7 @@
 
 <script>
 import { historyFlowList, leaveDetail } from '@/api/work/process';
+import func from '@/utils/func';
 
 export default {
   data() {
@@ -98,6 +99,13 @@ export default {
   created() {
     this.init();
   },
+  watch: {
+    $route(to, from) {
+      if (to.path !== from.path) {
+        this.init();
+      }
+    },
+  },
   methods: {
     init() {
       if (!this.website.designMode) {
@@ -107,6 +115,9 @@ export default {
       }
       this.processInstanceId = this.$route.params.processInstanceId;
       this.businessId = this.$route.params.businessId;
+      if (func.isEmpty(this.processInstanceId) || func.isEmpty(this.businessId)) {
+        return;
+      }
       historyFlowList(this.processInstanceId).then(res => {
         const data = res.data;
         if (data.success) {

src/views/work/process/leave/handle.vue

@@ -86,6 +86,7 @@
 <script>
 import { historyFlowList, leaveDetail } from '@/api/work/process';
 import { completeTask } from '@/api/work/work';
+import func from '@/utils/func';
 
 export default {
   data() {
@@ -109,15 +110,12 @@ export default {
   created() {
     this.init();
   },
-  beforeRouteUpdate(to, from, next) {
-    // 在当前路由改变，但是该组件被复用时调用
-    // 举例来说，对于一个带有动态参数的路径 /foo/:id，在 /foo/1 和 /foo/2 之间跳转的时候
-    // 由于会渲染同样的 Foo 组件，因此组件实例会被复用。而这个钩子就会在这个情况下被调用
-    // 可以访问组件实例 `this`
-    if (to.fullPath !== from.fullPath) {
-      next();
-      this.init();
-    }
+  watch: {
+    $route(to, from) {
+      if (to.path !== from.path) {
+        this.init();
+      }
+    },
   },
   methods: {
     init() {
@@ -129,6 +127,13 @@ export default {
       this.taskId = this.$route.params.taskId;
       this.processInstanceId = this.$route.params.processInstanceId;
       this.businessId = this.$route.params.businessId;
+      if (
+        func.isEmpty(this.taskId) ||
+        func.isEmpty(this.processInstanceId) ||
+        func.isEmpty(this.businessId)
+      ) {
+        return;
+      }
       historyFlowList(this.processInstanceId).then(res => {
         const data = res.data;
         if (data.success) {