Vee验证3确认密码无法正常工作

时间:2020-10-08 15:52:23

标签: vuejs2 nuxt.js vee-validate

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

0 个答案:

没有答案