Nuxt 2.13和VeeValidate 3
嗨,我有一个奇怪的问题!我在注册表中使用VeeValidate 3,并且确认规则可以正常工作。
但在另一页上显示not matching
。当我在Confirm字段上更改vid
并重新构建nuxt时,它将开始工作,直到刷新浏览器,然后再次停止工作并给出不匹配的内容。
这是代码
<template>
<ValidationObserver ref="options" v-slot="{ }" tag="v-row" class="ma-0">
<v-col cols="12" sm="4" md="4">
<ValidationProvider v-slot="{ errors }" name="pass" rules="confirmed:passconfer">
<v-text-field
type="text"
:error-messages="errors"
v-model="userData.password"
></v-text-field>
</ValidationProvider>
</v-col>
<v-col cols="12" sm="4" md="4">
<ValidationProvider v-slot="{ errors }" name="passconferm" vid="passconfer">
<v-text-field
type="text"
:error-messages="errors"
v-model="userData.confirmPassword"
></v-text-field>
</ValidationProvider>
</v-col>
</ValidationObserver>
</template>
export default {
data(){
return{
userData:{
password: null,
confirmPassword
}
}
}
}
我全局添加了VeeValidate .js文件,并安装了所有规则,extend,Observer和Provider