Vue-router对于子级/嵌套路由具有不同的滚动行为

时间:2019-09-05 13:49:34

标签: vue.js scroll vue-router children nested-routes

我的滚动行为就像一个超级按钮一样,设置为等待过渡完成后再滚动回顶部。

现在,我已经嵌套了路线,孩子们。我想将这些孩子的滚动行为分开。

  1. 如果要从父母那里找孩子,请保持滚动位置不变。
  2. 如果直接去找孩子,请转到顶部。
  3. 如果从非父母变成孩子,请转到顶部。
scrollBehavior(to, from, savedPosition) {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        if (savedPosition) {
          resolve(savedPosition)
        } else {
          resolve({ x: 0, y: 0 })
        }
      }, 600)
    })
  },

您认为什么是最佳做法?使用meta吗?

谢谢! MJ

0 个答案:

没有答案