nuxt2怎么使用scrollBehavior

在 Nuxt.js 中，可以使用 `scrollBehavior` 方法来自定义页面切换时滚动行为。你可以在 `nuxt.config.js` 文件中配置该方法。

例如，你可以在 `nuxt.config.js` 中添加以下代码：

export default {
  // ...
  router: {
    scrollBehavior(to, from, savedPosition) {
      if (savedPosition) {
        return savedPosition
      } else {
        return { x: 0, y: 0 }
      }
    }
  }
}

上面的代码中，我们定义了 `scrollBehavior` 方法来决定页面切换时的滚动行为。该方法接收三个参数：

- `to`: Route 对象，表示要切换到的路由。
- `from`: Route 对象，表示当前路由。
- `savedPosition`: 坐标对象，表示上一次滚动的位置。

在上面的示例中，我们通过判断 `savedPosition` 是否存在来决定是否要使用上一次的滚动位置。如果 `savedPosition` 存在，则返回该坐标对象；否则返回 `{ x: 0, y: 0 }` 表示将滚动到页面顶部。

除此之外，你还可以根据 `to` 和 `from` 参数来决定滚动的位置。例如，你可以让路由切换时滚动到目标元素的位置：

export default {
  // ...
  router: {
    scrollBehavior(to, from, savedPosition) {
      if (to.hash) {
        return {
          selector: to.hash,
          offset: { x: 0, y: 50 }
        }
      } else if (savedPosition) {
        return savedPosition
      } else {
        return { x: 0, y: 0 }
      }
    }
  }
}

上面的代码中，我们判断了 `to.hash` 是否存在，如果存在则返回一个带有 `selector` 和 `offset` 属性的坐标对象，表示要滚动到对应的元素位置，并且在滚动时向下偏移 `50px`。如果 `savedPosition` 存在，则返回该坐标对象；否则返回 `{ x: 0, y: 0 }` 表示将滚动到页面顶部。