使元素仅对 md 大小的设备可见

Question

根据https://vuetifyjs.com/en/layout/display 您可以隐藏特定的设备尺寸或范围上升或下降。但是，您将如何仅针对 md 大小的设备显示 div？ hidden-lg-and-up hidden-sm-and-down 好像不行。连接 hidden-{x}-only 似乎也不起作用。

Answer 1

类 应该有效 class="hidden-lg-and-up hidden-sm-and-down"

或者您可以使用 v-show="$vuetify.breakpoint.md"

Example

Answer 2

这也应该有效：

class="d-none d-md-flex d-lg-none"

Source.