Vue2 路由设置每次跳转路由都回到顶部

写法1

scrollBehavior (to, from, savedPosition) {
    // return 期望滚动到哪个的位置
  }

你也可以通过 el 传递一个 CSS 选择器或一个 DOM 元素。在这种情况下，top 和 left 将被视为该元素的相对偏移量。

const router = createRouter({
  scrollBehavior(to, from, savedPosition) {
    // 始终在元素 #main 上方滚动 10px
    return {
      // 也可以这么写
      // el: document.getElementById('main'),
      el: '#main',
      top: -10,
    }
  },
})

写法2

 new Router({
    scrollBehavior: () => ({ y: 0 }),//每次都跳转到顶部
  });

//弹窗滚动条页面抖动问题  写在main.js里
ElementUI.Dialog.props.lockScroll.default = false;

// 防止多次点击  写在main.js里
import preventReClick from './utils/plugins'
Vue.use(preventReClick);

防止冲点击代码块

export default {
  install(Vue) {
      // 防止重复点击
      Vue.directive('preventReClick', {
          inserted(el, binding) {
              el.addEventListener('click', () => {
                  if (!el.disabled) {
                      el.disabled = true;
                      setTimeout(() => {
                          el.disabled = false;
                      }, binding.value || 1000)
                  }
              })
          }
      })
  }
}