# 表单 (Forms)

在形式验证时,Vuetify有多种集成并保存在功能中。 想要使用第三方验证插件吗? 在方框中,您可以使用 Vee-validate and vuelidate

# 使用

内部 v-form 组件使得很容易添加验证到表单输入。 所有输入组件都有一个 规则 prop,它接受不同类型的组 函数, 布尔值字符串。 这些允许您指定输入无效的 __ 或 __ 的条件。 每当输入值被更改时,数组中的每个函数将收到新的值,每个数组元素将被评分。 如果函数或数组元素返回 fals字符串, 验证失败, 字符串 值将作为错误信息显示。

# API

# 示例

# 属性

# 规则

规则允许您在所有表单组件上应用自定义验证。 这些都是按顺序验证的,每次会显示一个 个最大 个错误,所以请确保你相应地排序规则。

# 其他

# 提交与验证 & 清除

v-form组件有三个功能,可以通过在组件上设置ref来访问。 ref允许我们访问组件的内部方法,例如 <v-form ref="form">this.$refs.form.validate() 将验证所有输入并返回它们是否都有效。 this.$refs.form.reset() 将清除所有输入并重置验证错误。 this.$refs.form.resetValidation() 将只重置输入验证,不改变他们的状态。

# Vee-validate

vee-valide 是一个基于模板的Vue.js验证框架。 Documentation

# 验证

vuelidate 是 Vue.js 一个简单、轻量模型验证的。 文档

了解更多?

继续学习由 我们的团队 选择的相关内容,或通过使用下面的导航链接在页面之间跳转。
GitHub 上编辑此页面
最后更新:10/07/2024, 11:31:37 AM