问题标签 [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 投票
1 回答
30 浏览

vue.js - 如何正确处理“hasvalue”?

如果我没记错的话,在 VueFormulate 中,只要单击单选或复选框,就会将“hasvalue”添加到输入元素中。

我现在想知道“手动”再次删除它。

这种形式: https ://codesandbox.io/s/vue-formulate-reproduction-template-forked-swy2f?file=/src/components/Reproduction.vue

我必须输入元素:第一个包含 3 个单选按钮,第二个包含 2 个复选框。当点击第三个单选按钮时,带有复选框的第二个表单变得可见(在这种情况下:不透明度 - 最初设置为 0.35 - 返回到 1)。

一旦第二个表单变得可见,“required”属性就会改变,这使得“require”验证消息出现。当单击另一个单选框或激活复选框时,它会再次被删除。

到目前为止,一切都很好。

执行以下步骤时会出现问题:

  1. 单击第三个单选按钮
  2. 勾选复选框
  3. 单击另一个单选按钮(“一个”或“两个”)

复选框再次变得不可见,但复选框也再次取消选中 - 这是重要的部分。

  1. 再次单击第三个单选按钮

现在复选框再次可见,但未显示所需的消息。

这是因为输入元素仍然有一个“hasvalue”属性,我不知道如何在步骤 3 中删除它。

目前我有这个功能来取消复选框:

处理这种情况的正确方法是什么?

0 投票
0 回答
39 浏览

vue.js - Vue Formulate 的文件大小验证

我正在尝试为 Vue 公式文件输入实现文件大小验证。当文件大小大于 100mb 时应该抛出错误,并且文件大小大于 50mb 时会发出警告。我试图创建一个自定义上传器。自定义上传器有助于捕获并显示错误,但我无法弄清楚如何将表单验证上的“hasErrors”标志更改为 true。这是输入的控件:

0 投票
1 回答
46 浏览

vue.js - Vue-Formulate 重置不会重新触发验证消息

这个例子展示了一个用 vue-formulate 制作的非常小的表单:

https://codesandbox.io/s/vue-formulate-reseting-form-does-not-initiate-validation-message-again-yxruq

输入字段采用至少 4 个字符的字符串。点击提交后,表单通过重置

它确实清除了表格。但验证消息不再出现。

必须做些什么来解决这个问题?或者这可能是一个错误?

0 投票
1 回答
27 浏览

vue.js - vue-formulate 组自定义删除不起作用

我有一段代码使用 Vue-Formulate 和组功能,我尝试实现自定义按钮来删除嵌套项;

这种上瘾会更改默认<a ...>链接到按钮,但删除项目的功能会丢失。这个插槽的文档说:

“可重复时的删除按钮。此插槽中的上下文对象包括索引和一个 removeItem 函数,应调用该函数来删除该项目。”

我不确定如何向removeItem它添加函数调用。