Vue.js Nuxt+Vue+Vuetify:此.$Vuetify.breakpoint未正确初始化为“xs”

使用vuetify断点在网站的移动和桌面布局之间切换

我的代码被压缩了

        <v-layout wrap :column="mobile">
           .
           .
           components and stuff
           .
           .
        <v-layout>

        <script>
           .
           .
           computed: {
             mobile: function () {
               return ['xs', 'sm'].includes(this.$vuetify.breakpoint.name)
             }
           }
           .
           .
        </script>

但现在我也不得不用

---

是否有更正确的方法正确加载组件，以便在页面完全加载后，组件不会从mobie版本跳到全尺寸版本？

建议的通用解决方法是使用挂载钩子设置某种形式的标记，该标记将在计算内进行检查：

---

或者，您可以使用任何其他方式尽早设置此移动检测标志。

建议的通用解决方法是使用挂载挂钩设置某种形式的标志，该标志将在计算机内部进行检查：

---

或者，您可以使用任何其他方式尽早设置此移动检测标志。

这非常有效。您对如何广泛使用移动var应用程序有何建议？将其提交到根组件内的vuex存储区？这非常有效。您对如何广泛使用移动var应用程序有何建议？是否将其提交到根组件内的vuex存储？

<v-app v-if="loaded"
  .
  .
    <v-layout>
      .
    </v-layout>
  .
  .
<v-app>

data: () => ({
  //  ...
  isMounted: false
}),
mounted() {
  this.isMounted = true;
},
// ...
computed: {
  mobile: function () {
      return this.isMounted && ['xs', 'sm'].includes(this.$vuetify.breakpoint.name);
  }
}