vue 切換路由頁面滾動到頂部

 

1.介紹：我們在切換路由的時候，特別是在頁面被緩存組件緩存之后，切換頁面的時候頁面會停留到上個頁面的位置，但是我們希望跳轉路由新的頁面能到達最頂部

// 在路由文件中配置

import Vue from 'vue'

import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({

    routes: [],
    
    // 指定該鈎子函數，返回坐標值即可
    scrollBehavior (to, from, savedPosition) {

        return { x: 0, y: 0 }
    }
})