vue3每次进入页面都能定位到顶部

在main.js中采用全局守卫设置高度距离，在网上查找了很多，都不行，总结的方法
router.beforeEach((to, from, next) => {
     // 让页面回到顶部
      // chrome
      document.body.scrollTop = 0;
      // firefox
      document.documentElement.scrollTop = 0;
      // safari
      window.pageYOffset = 0;
     // 调用 next()，一定要调用 next 方法，否则钩子就不会被销毁
     这三句很重要，放进导航首位里面，就成功了，希望对你有帮助
    next()
 })

还有一个

window.scrollTo(0,0);