table换行换页

FTT.Board.VueUI/src/App.vue

 <template>
   <div id="app">
-    <router-view/>
+    <router-view v-if="isRouterAlicve"/>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'App'
-}
+  name: "App",
+  provide() {
+    return { reload: this.reload };
+  },
+  data() {
+    return {
+      isRouterAlicve: true
+    };
+  },
+  methods: {
+    reload() {
+      this.isRouterAlicve = false;
+      this.$nextTick(function() {
+        this.isRouterAlicve = true;
+      });
+    }
+  }
+};
 </script>
 
 <style>
 #app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  font-family: "Avenir", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   /* text-align: center; */
   color: #2c3e50;
-  height:100%;
-  width: 100%
+  height: 100%;
+  width: 100%;
 }
 
-*{
+* {
   margin: 0;
   padding: 0;
 }
-body,html{
-margin:0 auto;
-height:100%;
-width: 100%;
-overflow-x: hidden; overflow-y: auto;
+body,
+html {
+  margin: 0 auto;
+  height: 100%;
+  width: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
-#app >div{
+#app > div {
   height: 100%;
 }
 </style>