问题标签 [vue-formulate]

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

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

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

有没有办法在 Vue Formulate 的下拉列表中选择多个选项？我在 github 上遇到了这段代码，它让我可以选择多个选项，但我不知道如何将它变成下拉列表（Vue Formulate 中的选择）。

这是我遇到的代码。

看起来像这样

想要变成这样

如何修复出现在框下方的默认（无样式）复选框标签（它应该像示例中一样位于框的右侧）

我正在使用顺风并通过全局字符串选项设置表单样式。到目前为止，一切都很好，直到我尝试设置复选框。问题是标签显示在框下方，即使我删除了所有样式（如屏幕截图所示），这仍然是问题。我不知道如何使用全局字符串选项来定位这个标签，这是我一直在研究的结构，试图设置标签>框和输入>框的样式以获取复选框旁边的标签。

即使在某些提供的代码框示例中，例如“Tailwind via Config”，如果您向现有表单添加一个复选框，标签也会出现在复选框https://codesandbox.io/s/tailwind-vue-formulate-2-password下-reset-all-global-kydyp

根据Vue Formulate，您可以将 Bootstrap 添加到其中：

使用提供的类道具，您可以全局或逐个添加您自己的一组样式类。顺风？没问题。引导程序？你被覆盖了。自己滚？对了，支持。

好的，那你怎么做呢？

我这样尝试过，但没有奏效：

我一直在尝试使用 Vue Formulate 模式创建一个表单。具体来说，我想要两个单选按钮，A 和 B。单击 A 时，下面必须出现一个额外的输入字段。单击 B 时，必须隐藏此输入字段。

我使用模式很重要。

有任何想法吗？

我对标签和输入字段周围的包装器有边框悬停效果。如何删除/覆盖提交类型的包装边框和悬停效果？我正在使用顺风，但我主要遇到针对正确课程的问题。

这是我的 CSS

我对 Vue 相当陌生，并尝试使用带有以下代码的计算属性：

https://codepen.io/jason123456/pen/BazpMZd

从下拉列表中选择传统尺寸，然后将数量从 1 增加到 2。

当数量为 2 时，价格应显示为 2 美元，因为数量 < 100，但它会获取数组中的第二个索引并执行 2 * 5 = 10 美元。

这就像 break 语句被跳过了。

我已经computeCalendarPrice()单独测试了该函数，如果我在 Vue 之外调用它，则看不到逻辑中的问题，所以我认为我的反应性部分可能是错误的。

真的很感激一些帮助！

我试图了解如何将 vue-select 集成为 vue-formulate 中的一个字段。我需要一个用于 ajax 的选择字段，但我无法达到这个结果！谁能帮助我如何做到这一点？

I'm stuck on VueFormulate, specifically I'd like to populate an array from a <FormulateInput type="select" name="products"> component. That idea should be that every time you select an option that option should go into the products array of the model bound to <FormulateForm v-model="user"> but instead products just become a primitive integer instead of an array.

Let me show you some code from the SFC of the form itself

The expected behaviour should be that user.products gets filled with IDs from the select on every input, but instead it just replace the array with the ID of the first select. Of course I'm missing something but I don't get what, documentation does mention that every FormulateInput has an @input event but I'm not able to use it because the even itself is fired only once then I only get FormulateForm events

我用 Vue.js 编写了一个网站并处理用户界面，我想使用 Vue Formulate。总而言之，它可以工作，但我很难设置输入错误的样式。所以，我试着做一个非常简单的例子来改变错误列表中的背景颜色，但它不起作用。

这是我的简单组件：

加载站点并且存在错误列表元素后，我可以在 Google Chrome 开发工具中更改背景颜色。但不是宠爱。

我希望有人可以解释我必须做些什么才能使它工作。