vue 切换页面（路由）时保持滚动条回到顶部

vue 切换页面（路由）时保持滚动条回到顶部

• vue项目做pc端的时候，发现在两个页面切换时 滚动条没有回到顶部而是保持原先的位置；
• 这是由于vue是单页面应用，只是更换了路由内容，还在当前页面滚动条是不会回到顶部的。
• 解决办法是在切换路由的时候，将滚动区域的滚动条复位为0。

 // 使用 watch 监听$router的变化,
  watch: {
    '$route': function(to, from) {
      document.querySelector('html').scrollTop = 0;
    }
  }