ScrollBehavior 在 nuxt js 中无法正常工作答案

【问题标题】：ScrollBehavior doesn't work properly in nuxt jsScrollBehavior 在 nuxt js 中无法正常工作
【发布时间】：2020-09-09 14:44:38
【问题描述】：

我为滚动位置创建了一个文件 app/router.scrollBehavior.js，但是当我按下浏览器后退按钮时，savedPosition 不会调用，因为 fetch api 尚未完成。任何人都可以帮助我。如何知道我的 savePosition 触发后 api 何时完成，否则每次滚动都位于底部位置。有什么方法可以获取存储，在相同的函数中提交获取钩子。 export default function (to, from, savedPosition) { if (savedPosition) { return savedPosition } else { return { x: 0, y: 0 } } }

【问题讨论】：

标签： vue.js vuejs2 nuxt.js nuxtjs

【解决方案1】：

您可以使用async 滚动，它解析为所需的位置描述符。可以将其与来自页面级转换组件的事件挂钩，以使滚动行为与您的页面转换完美配合。

scrollBehavior (to, from, savedPosition) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve({ x: 0, y: 0 })
    }, 500)
  })
}

【讨论】：