基于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