Dynamische Einstellung von Elementklassen basierend auf Buefy-Haltepunkten

Question

Also verwende ich Buefy als UI-Bibliothek für dieses neue Projekt und habe einen Vuetify-Hintergrund.

Was ich mit Buefy erreichen möchte, ist:

<div
  :class="{
    'ml-2': (condition to apply the class to mobile breakpoint)
  }"
>
...

In Vuetify würde ich folgenden Code schreiben:

<div
  :class="{
    'ml-2': $vuetify.breakpoint.mobile,
  }"
>
...

Gibt es eine gleichwertige Lösung in Buefy?

Answer 1

我检查了Buefy的文档，它似乎没有断点功能。

您可以通过创建插件自行手动完成此操作，或者仅在组件中添加以下内容：