Paramétrage dynamique des classes d'éléments basé sur les points d'arrêt Buefy

Question

J'utilise donc Buefy comme bibliothèque d'interface utilisateur pour ce nouveau projet et j'ai une expérience Vuetify.

Ce que je veux réaliser avec Buefy, c'est :

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

Dans Vuetify j'écrirais le code suivant :

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

Existe-t-il une solution équivalente dans Buefy ?

Answer 1

J'ai vérifié la documentation de Buefy et elle ne semble pas avoir de fonctionnalité de point d'arrêt.

Vous pouvez le faire manuellement vous-même en créant un plugin, ou simplement ajouter ce qui suit à votre composant :

sssccc