Vuetify 显示助手 类 不工作
Vuetify display helper classes not working
我将以下助手 类 应用于 Navigation 和 BottomNavigation 组件。
我希望 BottomNavigation 只显示在智能手机上，Navigation 应该显示在平板电脑上，以及比这更大的所有内容。所以我应用了以下 类:
<template>
<v-app>
<div class="hidden-sm-and-down">
<NavigationDrawer v-if="showMenu" />
</div>
<v-content>
<v-container fluid>
<router-view></router-view>
</v-container>
</v-content>
<div class="hidden-md-and-up">
<BottomNavigation v-if="showMenu" />
</div>
<Snackbar />
<Loader v-if="isLoading"></Loader>
</v-app>
</template>
但是，当我在 Google Chrome 控制台中的 iPad 视图中查找具有 1024 x 767 维度的示例时，它不显示任何导航。它与 v-if="showmenu" 无关，因为该函数仅检查用户是哪个 url (register/login)。但是，如果我正在查看那些助手 类，它应该会向我显示 Navigation 组件，对吗？
我尝试创建一个 CodeSandBox 来向您展示在某些屏幕尺寸上它不显示任何导航，而我认为它应该显示。
https://codesandbox.io/s/hopeful-merkle-4kgoj?fontsize=14&hidenavigation=1&theme=dark
感谢任何帮助，提前致谢。
你的问题不在于帮手类。他们工作正常。
是 v-navigation-drawer 将自己隐藏在平板电脑视图中。尝试添加 mobile-break-point="959" prop.
<v-navigation-drawer app mini-variant mobile-break-point="959">
您可能需要根据需要调整值。
我将以下助手 类 应用于 Navigation 和 BottomNavigation 组件。
我希望 BottomNavigation 只显示在智能手机上，Navigation 应该显示在平板电脑上，以及比这更大的所有内容。所以我应用了以下 类:
<template>
<v-app>
<div class="hidden-sm-and-down">
<NavigationDrawer v-if="showMenu" />
</div>
<v-content>
<v-container fluid>
<router-view></router-view>
</v-container>
</v-content>
<div class="hidden-md-and-up">
<BottomNavigation v-if="showMenu" />
</div>
<Snackbar />
<Loader v-if="isLoading"></Loader>
</v-app>
</template>
但是，当我在 Google Chrome 控制台中的 iPad 视图中查找具有 1024 x 767 维度的示例时，它不显示任何导航。它与 v-if="showmenu" 无关，因为该函数仅检查用户是哪个 url (register/login)。但是，如果我正在查看那些助手 类，它应该会向我显示 Navigation 组件，对吗？
我尝试创建一个 CodeSandBox 来向您展示在某些屏幕尺寸上它不显示任何导航，而我认为它应该显示。
https://codesandbox.io/s/hopeful-merkle-4kgoj?fontsize=14&hidenavigation=1&theme=dark
感谢任何帮助，提前致谢。
你的问题不在于帮手类。他们工作正常。
是 v-navigation-drawer 将自己隐藏在平板电脑视图中。尝试添加 mobile-break-point="959" prop.
<v-navigation-drawer app mini-variant mobile-break-point="959">
您可能需要根据需要调整值。