feat: 切换路由自动滚动到最顶部

txw-mhzc-web/src/pages/index/views/main.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <Nav @gotoIfreamPage="gotoIfreamPage" @gotoPage="gotoPage" />
-    <div :style="{ 'height': documentClientHeight-65 + 'px' ,'margin-top':'64px' ,'overflow':'auto'}">
+    <div ref="contentWrap" :style="{ 'height': documentClientHeight-65 + 'px' ,'margin-top':'64px' ,'overflow':'auto'}">
       <iframe v-if="iframeUrl" :src="iframeUrl" width="100%" height="100%" frameborder="0" scrolling="yes">
       </iframe>
       <keep-alive v-else>
@@ -24,6 +24,12 @@ export default {
   components: {
     Nav,
   },
+  watch: {
+    $route() {
+      // 切换路由时将内容容器滚动到顶部
+      this.$refs.contentWrap && (this.$refs.contentWrap.scrollTop = 0);
+    },
+  },
   computed: {
     // documentClientHeight: {
     //   get() {