fixed data tab issue

frontend/package.json

@@ -4,8 +4,10 @@
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve --port=8081",
+    "serve:build:local": "vue-cli-service serve --port=8082 --model local",
     "build": "vue-cli-service build",
     "build:docker": "vue-cli-service build --mode docker",
+    "build:local": "vue-cli-service build --mode local",
     "lint": "vue-cli-service lint",
     "test": "jest"
   },

frontend/src/router/node.ts

@@ -5,10 +5,12 @@ const endpoint = 'nodes';
 
 export default [
   {
+    name: 'NodeList',
     path: endpoint,
-    component: import('@/views/node/list/NodeList.vue'),
+    component: () => import('@/views/node/list/NodeList.vue'),
   },
   {
+    name: 'NodeDetail',
     path: `${endpoint}/:id`,
     redirect: to => {
       return {path: to.path + '/' + TAB_NAME_OVERVIEW};

frontend/src/views/task/detail/tabs/TaskDetailTabData.vue

@@ -15,7 +15,7 @@
   </div>
 </template>
 <script lang="ts">
-import {computed, defineComponent} from 'vue';
+import {computed, defineComponent, watch} from 'vue';
 import ListLayout from '@/layouts/ListLayout.vue';
 import {useStore} from 'vuex';
 import useTaskDetail from '@/views/task/detail/taskDetail';
@@ -76,6 +76,8 @@ export default defineComponent({
       },
     } as ListLayoutActionFunctions;
 
+    watch(() => tablePagination.value, actionFunctions.getList);
+
     return {
       actionFunctions,
       tableData,