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

如何解决您如何将Buefy集成到Vue Formulate控件中？

我正在尝试让Vue制定要使用Buefy进行样式控制的控件。最好的方法是什么？

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

但是我不确定与Buefy对应的类是什么。 （或者也许有另外一种解决方法？）

解决方法

Buefy的样式为Bulma，因此您有4个选择：

1. 使用class keys将布尔玛风格添加到您的<FormulateInput>中。

2. 使用custom inputs包装Buefy组件。这将需要一些工作，因为它们不共享通用标记。例如，Buefy实际上并没有“错误消息”，而是具有“消息”，可以用布尔玛类“ is-danger”标记。

3. 沟渠暴怒

4. 沟Vue公式

（意见）–如果您喜欢布尔玛的风格，那么我会选择选项＃1。您始终可以在网站上使用Buefy，但不能在表单中使用Buefy，而只需使用Bulma的类配置Vue Formulate的类键（如果您使用Buefy，Bulma类将自动包含在内）

完全公开：我是Vue Formulate的创造者。

,

我使用布尔玛（不是Buefy）进行了一些快速测试，以下类绑定似乎适用于布尔玛风格的输入

Vue.use(VueFormulate,{
  classes: {
    outer: 'field',wrapper: 'control',input: 'input'
  }
})