问题标签 [vue-formulate]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
nuxt.js - 覆盖默认的 vue-formulate snow.scss 主题
英语不是我的母语，我可能无法正确理解vue-formulate 文档，但我正在尝试在 Nuxt.js 项目中使用 vue-formulate 模块。我正在导入默认的 snow.scss 文件，然后是我的全局样式：
],
然后我尝试全局自定义类：
在我的 style.scss 我有：
.formulate-input[data-classification="text"] input:focus我可以在实际元素周围的包装器上看到自定义类，但除非我添加，否则我的样式会被覆盖!important
所以我想知道我在这里做错了什么？任何帮助将不胜感激！我不想创建自己的 scss，默认的是一个很好的启动器，我只需要进行一些更新，使用!important似乎不是一个好习惯。
提前致谢 ：）
vue.js - Vue Formulate 上 excel 文件的 MIME 验证是什么？
Vue Formulate 上 excel 文件的 MIME 类型是什么
我试过了
但这似乎不起作用。如何验证所选文件是否确实是 a .xlsor .xlsxfile .?
vue.js - Vue-formulate - 分组项目可折叠/切换折叠
是否有可能使组项目可折叠？
我想将showForm属性添加到组上下文中。
为此我需要做自定义输入类型还是有其他方法？
如果有人有任何其他想法？
谢谢
vue.js - Vue 制定日期选择器验证
我一直在使用 Vue Formulate 库（太棒了）。
我需要用户只能从今天（包括）开始选择一个日期。
我使用“之后”默认值进行验证，但今天（当前日期）无效。换句话说，在选择今天的日期时会启动验证，并且无法提交表单。
解决这个问题的最佳方法是什么？
vue-formulate - 我可以通过 Vue Formulate 的模式 API 传递元数据而不影响输入属性吗？
目标：
- 从 JSON/CMS 生成表单字段
- 在 JSON 中有一个参数，允许两个字段在一行上彼此相邻
到目前为止的解决方案：
我正在使用 Vue Formulate 的模式 API 来生成字段。在 Vue Formulate 的选项中，我可以outer根据context.
我正在使用 Tailwind，它不需要类名连接，并且实际上希望默认为col-span-2，因此如果您倾向于复制它，您的逻辑可能会有所不同。
将一些类应用于FormulateForm，这非常有效。由于 CSS 网格，不需要额外的包装行：
架构现在看起来像这样：
问题/问题
Vue Formulate 的模式 API 将所有定义的属性（除了一些保留名称）传递给input元素。就我而言，这导致：
我认识到我可以命名我的属性data-colspan，这样我就不会在td上放置属性input，但我认为colspan我不想将其应用于模板的元数据。有没有办法防止它被应用到——input也许是模式 API 中的一个保留字，它允许通过访问元数据对象context而不被应用到v-bind="$attrs"？
vue.js - 将值设置为计算值
我正在尝试在 vue-formulate 中设置一个输入值，它是一个计算值。该值已计算（检查控制台），但未设置为输入值。
复制代码 - https://codesandbox.io/s/vue-formulate-reproduction-template-forked-j9jtc?file=/src/App.vue
vue.js - Vue Formulate 的单元测试没有看到错误
我开始使用 Jest 和 Vue-Test-Utils 在 Vue 中进行单元测试组件。我正在使用Vue Formulate来管理表单字段，它在浏览器中按预期工作。我正在根据文档将插件导入“本地 Vue”测试实例中。
但是，以下断言失败，因为在测试中找不到文本，但它在浏览器中有效。我究竟做错了什么？我尝试了各种选择器，包括wrapper.text()没有成功
零件：
测试
笑话输出：
vue-formulate - 在 Vue Formulate 中隐藏可重复的子组
我试图隐藏可重复组中的初始（默认）第一组，就像最初隐藏 Vue-Formulate 可重复组中的第一组中描述的一样，除了：
- 我正在使用模式
- 我的组是另一个组的子组。
尝试在此处遵循jpschroeder的示例和逻辑：
https ://codesandbox.io/s/vue-formulate-group-with-button-to-start-forked-7u682
按照建议，子组数据在“已安装”生命周期挂钩中设置为空数组，但该字段仍然存在......
javascript - 在Vue Formulate中禁用表单外的表单提交按钮
我有一个非常简单的表格，如下所示：
当验证失败时，如何使用 Vue Formulate 禁用表单外部的表单提交按钮？
javascript - 如何使用 Vue Formulate 在我的自定义插槽组件中使用 addMore 事件？
我正在使用 Vue Formulate 并希望为组可重复字段自定义“添加更多”按钮。我正在使用一个工作正常的自定义插槽组件，但是我无法弄清楚我需要使用的点击事件是什么，因此当我的按钮被点击时，它实际上会添加另一个字段。这同样适用于自定义移除按钮组件。我在文档中看不到如何设置它的任何地方。到目前为止，我有这个：
context.addMore()不工作