javascript - 窗口未定义，Vue 平滑滚动 - Nuxt.js

Question

我正在尝试将 vue 平滑滚动添加到我的 nuxt.js 元素，但出现“窗口未定义错误”。

我的步骤是:

yarn add vue2-smooth-scroll

在 vue 文件中:

import Vue from 'vue';
import vueSmoothScroll from 'vue2-smooth-scroll';

Vue.use(vueSmoothScroll);

Answer 1

我不知道 vue2-smooth-scroll 具体是什么，但是当 vue 依赖项不支持 SSR 时，您可以在 nuxt.config.js 中禁用它/p>

所以如果你有 ~/plugins/smooth-scroll.js :

import Vue from 'vue';
import vueSmoothScroll from 'vue2-smooth-scroll';

Vue.use(vueSmoothScroll);

你可以把它放在 nuxt.config.js 中:

// ...
plugins: [
    { src: '~/plugins/smooth-scroll', ssr: false }
  ],
// ...