Javascript 使用vuelidate和vue 3验证确认密码字段时出现问题
vue 3的vuelidate中的确认密码字段有问题。我的要求是检查确认密码与密码字段,并发送错误,如果不匹配。我用了vuelidate下一个图书馆。当用户与输入交互时,密码和确认密码字段将正确检查。但问题是,当用户正确输入密码和确认密码字段,并且再次用户更改密码字段时,验证不起作用。它只在用户与输入交互时起作用 这些是我如何使用vuelidate的输入字段Javascript 使用vuelidate和vue 3验证确认密码字段时出现问题,javascript,vue.js,vuejs3,vuelidate,Javascript,Vue.js,Vuejs3,Vuelidate,vue 3的vuelidate中的确认密码字段有问题。我的要求是检查确认密码与密码字段,并发送错误,如果不匹配。我用了vuelidate下一个图书馆。当用户与输入交互时,密码和确认密码字段将正确检查。但问题是,当用户正确输入密码和确认密码字段,并且再次用户更改密码字段时,验证不起作用。它只在用户与输入交互时起作用 这些是我如何使用vuelidate的输入字段 <Password v-model.trim="v$.passwordConfirm.$model"
<Password
v-model.trim="v$.passwordConfirm.$model"
:feedback="false"
:class="{ 'p-invalid': v$.passwordConfirm.$error }"
@blur="v$.passwordConfirm.$touch()"
class="p-mb-1"
placeholder="Confirm Password"
toggleMask
>
</Password>
<template
v-for="(error, index) of v$.passwordConfirm.$errors"
:key="index"
>
<span v-if="v$.passwordConfirm.$error" class="p-error">{{error.$message}}</span>
</template>
passwordConfirm: {
required: helpers.withMessage(
"Confirm password cannot be empty. ",
required
),
sameAsPassword: helpers.withMessage(
"Confirm password must be same as password you entered above.",
sameAs(dataAsRefs.password)
),
$lazy: true
},