nuxtProject/layouts/templateA.vue

<template>
  <div class="website-frame">
    <mtaheader></mtaheader>
    <div class="nuxt-box">
      <Nuxt />
    </div>
    <mtafooter></mtafooter>
    <mtaSidebar></mtaSidebar>
  </div>
</template>

<script>
  import Mtafooter from '~/components/footer.vue'
  import Mtaheader from '~/components/header.vue'
  import mtaSidebar from '~/components/sidebar.vue'
  export default {
    name:    'mtaFooter',
    components: {
      Mtafooter,
      Mtaheader,
      mtaSidebar
    },
    //监测路由变化，滚动条置于最上方
    watch: {
      $route: function(to, from) {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
      }
    },
  }
</script>
<style lang="scss">
  .nuxt-box:not(.client-index-page){
    width: 100%;padding-top: 80px;
    // 移动端手机尺寸（0-768）
    @media (max-width: 768px){padding-top: 61px;}
  }

</style>