vue.js - 当用户仍在输入字段值时触发Vuelidate验证,即使使用惰性
问题描述
"@vuelidate/core": "^2.0.0-alpha.14",
"@vuelidate/validators": "^2.0.0-alpha.12",
输入密码:123,当开始输入确认密码字段的值时,即使我已将惰性验证声明为真,也会显示验证错误消息。假设当用户离开该字段时触发验证。
我已经尝试过 v-model.lazy 并且还在验证中包含 $lazy: true {}
<ion-item class="ion-no-padding input">
<ion-label class="text-size-xs" position="floating">Confrim Password</ion-label>
<ion-input required type="text" v-model.lazy="registerForm.password_confirmation"></ion-input>
<ion-icon v-if="v$.registerForm.password_confirmation.$error" class="icon-small" name="remove-circle"></ion-icon>
</ion-item>
<div v-if="v$.registerForm.password_confirmation.$error">
<p class="text-size-p" v-if="!v$.registerForm.password_confirmation.$match">Not match</p>
</div>
import { useVuelidate } from "@vuelidate/core";
import { required, sameAs } from "@vuelidate/validators";
export default {
setup () {
return {
v$: useVuelidate()
}
},
data() {
return {
registerForm: {
phone_number: '',
password: '',
password_confirmation: ''
}
}
},
validations () {
return {
registerForm: {
phone_number: {
required,
$autoDirty: true, $lazy: true
},
password: { required, $autoDirty: true, $lazy: true },
password_confirmation: { required, match: sameAs(this.registerForm.password), $autoDirty: true, $lazy: true }
}
}
}
解决方案
推荐阅读
- javascript - React Formik 不适用于数字输入
- c - newNode 是在没有从 createNode(int) 函数返回创建的节点的情况下创建的
- amazon-web-services - 在部署时传递我的 aws-lambda 参数/配置选项?
- java - 将 gRPC 服务的响应流式传输到 REST 客户端
- java - 将 Scala Future 转变为 Reactor Flux
- android - 阻止 React-native WebView 下载 PDF
- laravel - 如何连接到 Laravel Vapor 数据库进行本地开发?
- ios - Xcode 10 不会创建开发者签名证书,得到 OSStatus 错误 -2147416032
- c++ - 嵌套的 STL 数据结构
- node.js - Express.js 和 NodeJs,在 url 查询中丢失 (+)