buefy - 您如何将 Buefy 集成到 Vue Formulate 控件中？

Question

我正在尝试使用 Buefy 对 vue 制定控件进行样式化。解决此问题的最佳方法是什么？

我想这可能是使用 vue-formulate class keys。

但我不确定将它们与哪些相应的 Buefy 类匹配。（或者也许有不同的方法来解决它？）

标签： buefyvue-formulate

Answer 1

Buefy 采用Bulma风格——所以你有 4 个选择：

1. 使用类键将 Bulma 样式添加到您<FormulateInput>的 s.

2. 使用自定义输入来包装 Buefy 组件。这将需要一些工作，因为它们不共享共同的标记。例如，Buefy 并没有真正的“错误消息”，它有可以用 Bulma 类“is-danger”标记的“消息”。

3. 沟布菲

4. Ditch Vue 制定

（意见）——如果你喜欢 Bulma 的风格，那么我会选择选项 #1。您始终可以将 Buefy 用于您的网站，但不能用于您的表单，而只需使用 Bulma 的类配置 Vue Formulate 的类键（如果您使用 Buefy，则会自动包含 Bulma 类）

完全披露：我是 Vue Formulate 的创建者。