监测路由变化，滚动条置于最上方

layouts/templateA.vue

@@ -17,6 +17,13 @@
       Mtafooter,
       Mtaheader
     },
+    //监测路由变化，滚动条置于最上方
+    watch: {
+      $route: function(to, from) {
+        document.body.scrollTop = 0;
+        document.documentElement.scrollTop = 0;
+      }
+    },
   }
 </script>
 <style lang="scss" scoped>

layouts/templateB.vue

@@ -17,6 +17,13 @@
       Mtafooter,
       Mtaheader
     },
+    //监测路由变化，滚动条置于最上方
+    watch: {
+      $route: function(to, from) {
+        document.body.scrollTop = 0;
+        document.documentElement.scrollTop = 0;
+      }
+    },
   }
 </script>
 <style lang="scss" scoped>