问题标签 [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.

0 投票
0 回答
200 浏览

vue.js - 使用 v-show/v-if 和 Vue 制定表单模式

Vue Formulate 提供表单模式——一种定义您想要的表单字段并让 Vue Formulate 负责呈现它的声明性方式。

目前对于我正在构建的复杂表单,我正在使用v-show指令根据其他字段中的输入有条件地显示/隐藏表单字段,例如:

这对表单模式来说是可能的吗?在没有运气的情况下尝试了以下一些变化:

0 投票
0 回答
93 浏览

javascript - vue 公式不会更新 vuex 状态

希望你们现在
一切都好,我正在从事 quasar 项目,我被困在表格上,我用谷歌搜索了一个 npm 包并找到了公式,我做了文档所说的一切。

制作了这个文件

将此文件包含在 quasar.config.js 的引导部分中

添加了这个文件来存储这样的模块

并将其包含在商店中

到目前为止,这是可行的,但是当我在表单上写任何东西时,商店总是空的 在此处输入图像描述

我还缺少什么吗?我也愿意接受任何新的想法/包来自动处理状态

我以前在反应项目上一直在使用 reduxForm 我想要类似的东西

0 投票
0 回答
41 浏览

vue.js - 使用 API 中的异步数据初始化 Vue 公式

我正在尝试使用一些用户数据初始化 Vue 公式化表单,这些用户数据是通过 Nuxt 的 Vuex 商店中的 axios 从 API 获得的。我正在使用 Vue Mapstate 来获取计算数据中的存储状态。异步数据最初没有被解析,似乎 Vue Formulate 的 :values 属性在成功响应后没有反应。是否可以创建一个数据属性,该属性使用我从组件中的 API 获取的 asnyc 数据进行初始化?

0 投票
1 回答
160 浏览

vue.js - 手动调用 Vue Formulate 上的验证事件?

我有一个 Vue Formulate 表单,它从我从 API 获取的数据中重新填充。在我的表单中设置我的数据后,vue formula 没有检测到我的数据已经插入。只要我在其中一个表单字段中输入一个字符,我的验证就是正确的,并且 vue 公式解析了所有值。

是否可以在插入来自 api 的数据后触发表单验证?

0 投票
0 回答
31 浏览

vue-formulate - 重置方法 VueFormulate 不适用于 InputFile

我在 VueFormulate 中发现了一个错误。它与 reset 方法有关,特别是用于重置 InputFiles,因为它只重置模型而不是“输入标签”的值。这导致如果我上传一个名为“myImage.jpg”的文件,重置表单,然后尝试上传相同的文件“myImage.jpg”,它不会上传。

0 投票
0 回答
33 浏览

javascript - 如何使用内置的验证事件将验证有效负载发送到堆栈以形成向导?

Vue JS 的新手!我正在使用 Formulate + Vue-form-wizard 创建一个多步骤表单。我正在尝试遵循最佳实践并将 $emit 验证支付给向导,但它似乎没有抓住它。

每个组件都是一个选项卡,在里面我使用公式,似乎能够在本地捕获事件,我可以在屏幕上显示值:

正如我提到的,我将公式选项卡放在 vue-form-wizard 中以创建一个多步骤选项卡,并尝试在移动到下一步之前验证每个步骤,我想捕获验证甚至有效负载,但无论我把方法它似乎没有触发:

任何帮助深表感谢 !

0 投票
1 回答
39 浏览

vue-formulate - Vue 使用 Tailwindcss 制定文件输入

目前尚不清楚如何在 nuxt 项目中使用 tailwindcss 设置 vue 公式文件输入的样式。有人可以帮忙举个例子吗。我想保留 vue 制定文件输入的所有标准功能,但使用 tailwindcss 进行样式设置。我正在使用带有架构的 vue 公式。

0 投票
1 回答
49 浏览

javascript - 从 Vue 公式中获取正确格式的键:值对

问题 我从 API 接收 JSON 数据,格式为 -

我最近使用 Vue Formulate 制作了一个表单,到目前为止发现它非常有用,但是我在从表单中获取数据时遇到了问题。

我的表格在我的模板中如下所示-

这是我的数据和逻辑-

为了回应~

~ bar 和 doe 是用户文本输入,B 和 D 是可硬编码的值,BSK 和 DOE 也是可硬编码的。我不想从这里发布数据,我根本无法在 JSON 中获得包含我需要的所有数据的适当输出格式。任何指导表示赞赏。

需要任何进一步的信息,请询问。

0 投票
0 回答
52 浏览

vue-formulate - 如何从表单组中获取验证错误

使用 Vue Formulate 时,如果您有一个包含嵌套表单字段的表单组,您如何获取这些表单字段上的错误?

如果我将处理程序绑定到父表单,如下所示:

如果我将该事件的输出记录到控制台,则普通表单字段的输出如下所示:

其中errors是包含错误的数组。但是如果我对表单组做同样的事情,我会得到:

注意空errors数组。如何获取嵌套在组内的表单字段上的错误?

谢谢!

0 投票
1 回答
72 浏览

javascript - vue生成表单json数据截断标签

我在我的项目中实现了 vueformulate,并且我正在从 json 数据生成表单。我需要实现截断过滤器 - 例如 80 个字符,标签阅读更多/更少。数据是动态的,因此我无法更改此对象数组中的标签。这是我的代码。任何想法?

默认标签长度被截断为 80 个字符,但您可以单击阅读更多并查看全文

点击阅读更多按钮后全文可见