首页 > 解决方案 > 我的项目 Vue 3 vuelidate 一样不工作

问题描述

我正在开发一个用 vue 3 编写的项目,我想在登录页面上验证它但sameAs validate不工作:

  <div class="row">
        <label for="password">Şifrə təkrarla</label>
        <input
          @blur="v$.repassword.$touch()"
          v-model.lazy="repassword"
          type="text"
          name="repassword"
          v-bind:class="{ 'is-invalid': !v$.repassword.$invalid }"
          placeholder="********"
        />
        
        <small class="validate_message" v-if="!v$.repassword.sameAs.$response"
          >Yuxarıda yazdığınız şifrə ilə üst-üstə düşmür.</small
        >
      </div>

我的脚本:

<script>
import useVuelidate from "@vuelidate/core";
import { sameAs } from "@vuelidate/validators";

export default {
  setup() {
    return { v$: useVuelidate() };
  },
  data() {
    return {
      repassword: "",
    };
  },
  validations() {
    return {
      repassword: {
        sameAs: sameAs(function() {
          return this.password;
        }),
      },
    };
  },
};
</script>

标签: validationvuejs3

解决方案


推荐阅读