nuxt 如何调用scrollto

在 Nuxt 中，可以使用 `@nuxtjs/axios` 和 `@nuxtjs/toast` 模块来实现滚动到页面顶部的功能。

首先，在 nuxt.config.js 文件中，将这两个模块添加到 modules 配置项中：

modules: [
  '@nuxtjs/axios',
  '@nuxtjs/toast'
],

然后在你想要滚动到页面顶部的组件或页面中，可以通过以下方式调用 scrollTo() 方法：

this.$toast.show('Scrolling to top...') // 显示提示消息
this.$axios.$get('/api/some-data')
  .then(() => {
    // 请求成功后，滚动到页面顶部
    window.scrollTo({
      top: 0,
      behavior: 'smooth'
    })
  })
  .catch((err) => {
    console.error(err)
    this.$toast.error('Error occurred!')
  })

在这个例子中，我们先通过 `$toast` 对象显示一条提示消息，然后使用 `$axios` 对象发送一个 GET 请求。在请求成功后，我们使用 `window.scrollTo()` 方法将页面滚动到顶部。

需要注意的是，如果你想在 Nuxt 中使用 `window` 对象，你需要在 `mounted()` 钩子函数中使用 `$nextTick()` 方法来确保 DOM 已经渲染完毕。