基于Buefy断点的元素类动态设置
P粉170858678
P粉170858678 2024-03-27 15:05:47
0
1
399

所以我一直在使用 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 中有等效的解决方案吗?

P粉170858678
P粉170858678

全部回复(1)
P粉311464935

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

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

sssccc
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板