基於Buefy斷點的元素類別動態設置

Question

所以我一直在使用 Buefy 作為這個新專案的 UI 庫，而且我有 Vuetify 背景。

我想使用 Buefy 實現的目標是：

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

在 Vuetify 中我會寫如下程式碼：

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

Buefy 中有等效的解決方案嗎？

Answer 1

我檢查了Buefy的文檔，它似乎沒有斷點功能。

您可以透過建立外掛程式自行手動完成此操作，或僅在元件中新增以下內容：

sssccc