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

Question

有人可以帮助根据用户设备永久设置我的抽屉菜单吗？
本来想用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>

谢谢。

Answer 1

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

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