Die Position der Bildlaufleiste bleibt beim Scrollen der Vant-List-Komponente erhalten

<Vorlage>
  <div id="app">
    <am Leben erhalten>
      <router-view v-if='$route.meta.keepAlive'/>
    </am Leben erhalten>
    <router-view v-if='!$route.meta.keepAlive'/>
  </div>
</Vorlage>

 {
      Pfad: '/home',
      Name: 'Heimat',
      Komponente: auflösen => erfordern(['@/views/home/index.vue'], auflösen),
      Meta: {
        Titel: 'Homepage',
        Index: 1,
        keepAlive: wahr,
        scrollTop: 0
      }
    },
    {
      Pfad: '/klassifizieren',
      Name: 'klassifizieren',
      Komponente: auflösen => erfordern(['@/views/classify/index.vue'], auflösen),
      Meta: {
        Titel: 'Klassifikation',
        Index: 1,
        keepAlive: wahr,
        scrollTop: 0
      }
    },
    {
      Pfad: '/shopping',
      Name: 'Einkaufen',
      Komponente: auflösen => erfordern(['@/views/shopping/index.vue'], auflösen),
      Meta: {
        Titel: 'Warenkorb',
        Index: 1,
        keepAlive: wahr,
        scrollTop: 0
      }
    },
    {
      Pfad: '/detail',
      Name: "Detail",
      Komponente: auflösen => erfordern(['@/views/detail/index.vue'], auflösen),
      Meta: {
        Titel: 'Details',
        Index: 2,
        // keepAlive: wahr,
        // scrollTop: 0
      }
    },

router.beforeEach((bis, von, weiter) => {  
  wenn (from.meta.keepAlive) {
    const $wrapper = document.querySelector('.app-wrapper'); // Der äußere Container der Liste sollte darauf achten, das Bildlauffeld zu finden const scrollTop = $wrapper ? $wrapper.scrollTop : 0;
    Konsole.log('scrollTop=', scrollTop)
    von.meta.scrollTop = scrollTop;
  }
  nächste();
});

aktiviert () {
    const scrollTop = this.$route.meta.scrollTop;
    const $wrapper = document.querySelector('.app-wrapper');
    wenn (scrollTop und $wrapper) {
      $wrapper.scrollTop = scrollTop;
    }
  },

aktiviert() {
    const $wrapper = document.querySelector(".app-wrapper");
    $wrapper.scrollTop = 0;
  },