Nuxt js-未定义窗口或文档

Question

我已经看到许多与此主题相关的问题。但是他们都没有解决我的问题。

[我有一种情况，必须检查窗口的innerWidth，以使用isMobile变量检查设备是否可移动。

<div v-if="isMobile" class="stores">
   <p class="text-uppercase text-muted mb-0 mt-4">
      ...
   </p>
</div>

下面是我的脚本代码。我正在检查process.client，但它以false的形式出现。我不知道是否错过了需要在（也许是nuxt.config.js）。]]中添加的内容。

    data() {
      return {
        isMobile: false,
      };
    },
    created() {
      if (process.client) {
        this.isMobile = window.innerWidth < 768;
      }
      console.log('process', process.client); // Logs as false
    },

我已经看到许多与此主题相关的问题。但是他们都没有解决我的问题。我遇到一种情况，必须检查窗口的innerWidth，以检查设备是否可移动...

Answer 1

您的代码没有错。它可以正常工作。让我解释一下。