所以我一直在使用 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 中有等效的解决方案吗?
我检查了Buefy的文档,它似乎没有断点功能。
您可以通过创建插件自行手动完成此操作,或者仅在组件中添加以下内容: