vuejs経路が経路に、コンポーネントA scrollTopスプライトは0、成分BのI経路であるが、同じ

Question

<template> 
 
    <div class="index"> 
 
     <common-header id="common-header" class="common-header" v-el:commonheader></common-header> 
 
     <router-view transition keep-alive class="index-view"></router-view> 
 
    </div> 
 
</template>

経路図は、2つの成分AおよびBが表示され、スクロール、下スクロール、およびコンポーネントA、Aもスクロールされます。誰にでもアイデアはありますか？

Answer 1

ルーターにグローバルなフックを追加することができます。ルーターは、すべてのルートの移行が開始され、ページの上部にスクロールされる前に呼び出されます。それが私がそれを解決した方法です。 Vue2についてhere

Vueの1

router.beforeEach(function (transition) { 
window.scrollTo(0, 0) 
transition.next() 
}) 

を読む：

​​

がVuejs2.0についてhere

Answer 2

を参照してください、スクロール動作に扱う新しい承認済み方法がありますページの変更：

import VueRouter from 'vue-router'; 
const router = new VueRouter({ 
    scrollBehavior (to, from, savedPosition) { 
     return { x: 0, y: 0 } 
    } 
}) 

これは、ナビゲーションが変更されるたびにページの上部にスクロールします。あなたはread up on the full, official documentation about this functionality hereです。

Answer 3

私はあなたが間違った要素をスクロールしていると思います。私は同じような間違いを犯しています：コンポーネントAとコンポーネントBは両方とも要素Bodyにあります。それは両方のために動作します& BIは最終的に体をスクロールするのではなくコンポーネントをスクロールすることによってそれを解決します。