时间戳

首页 > 解决方案 > 如何在设备为计算机时将 vuetify 抽屉菜单设置为永久，而在设备为移动设备时设置为非永久

vue.js - 如何在设备为计算机时将 vuetify 抽屉菜单设置为永久，而在设备为移动设备时设置为非永久

问题描述

有人可以根据用户设备帮助我永久设置抽屉菜单吗？我正在考虑使用 vuetify 网格系统来确定我是在 lg 还是 md 或 sm 中，但我不知道该怎么做。

这是我的抽屉菜单代码：

<v-navigation-drawer
            @input="updateDrawer"
            :hide-overlay="true"
            :mini-variant="true"
            :expand-on-hover="true"
            :touchless="true"
            :disable-resize-watcher="false"
            style="min-width: 100px!important;"
            v-model="d"
            //here set this: :permanent="!isMobile"
            app
            clipped
    >
        ...

    </v-navigation-drawer>

谢谢。

标签： vue.jsvuetify.js

解决方案

实际上，您可以直接将永久绑定到断点，而不是计算。

:permanent="!$vuetify.breakpoint.xsOnly"

推荐阅读