Vue.js Vuetify显示帮助程序类不工作

Vue.js Vuetify显示帮助程序类不工作,vue.js,vuetify.js,breakpoints,Vue.js,Vuetify.js,Breakpoints,我将以下帮助器类应用于导航和底部导航组件 我希望BottomNavigation只在智能手机上显示,而Navigation应该显示在平板电脑上,以及其他更大的设备上。因此,我应用了以下课程: 但当我在iPad视图中查看Google Chrome控制台的1024 x 767维度时,它不会显示任何导航。它与v-if=“showmenu”无关,因为该函数只检查用户是哪个url(注册/登录)。但是,如果我查看这些帮助器类,它应该会显示导航组件,对吗 我尝试创建一个CodeSandBox来告诉你,在某

我将以下帮助器类应用于
导航
底部导航
组件

我希望
BottomNavigation
只在智能手机上显示,而
Navigation
应该显示在平板电脑上,以及其他更大的设备上。因此,我应用了以下课程:


但当我在iPad视图中查看Google Chrome控制台的
1024 x 767
维度时,它不会显示任何导航。它与
v-if=“showmenu”
无关,因为该函数只检查用户是哪个url(注册/登录)。但是,如果我查看这些帮助器类,它应该会显示
导航组件,对吗

我尝试创建一个CodeSandBox来告诉你,在某些屏幕尺寸上,它不会显示任何导航,而我认为它应该显示


感谢您的帮助。

您的问题不在helper类。他们工作得很好

正是
v-navigation-drawer
隐藏在平板电脑视图中。尝试添加
移动断点=“959”
道具


您可能需要根据自己的需要调整值