0
<v-form v-model="valid" ref="form" lazy-validation>
  <v-text-field
    label="Логин"
    name="login"
    prepend-icon="mdi-account"
    type="text"
    :rules="nameRules"
    v-model="name"
  />

  <v-text-field
    label="Пароль"
    name="password"
    prepend-icon="mdi-lock-outline"
    type="password"
    :counter="6"
    :rules="passwordRules"
    v-model="password"
  />
  <v-text-field
    label="Подтверждение пароля"
    name="confirm-password"
    prepend-icon="mdi-lock-outline"
    type="password"
    :counter="6"
    :rules="confirmPasswordRules"
    v-model="confirmPassword"
  />
</v-form>

data: () => ({
  isShowEdit: true,
  dialog: false,
  valid: false,
  name: '',
  password: '',
  confirmPassword: '',
  nameRules: [
    v => !!v || "Имя пользователя не может быть пустым!",
    v => (v && v.length >= 4) || "Имя должно содержать не менее 4 символов"
  ],
  passwordRules: [
    v => !!v || "Пароль не может быть пустым!",
    v => (v && v.length >= 6) || "Пароль должен содержать не менее 6 символов"
  ],
  confirmPasswordRules: [
    v => !!v || "Пароль не может быть пустым!",
    v => v === this.password || "Пароли не совпадают"
  ]
}),
methods: {
  onSubmit() {
    this.dialog = false
  }
}

почему не читается свойство password при загрузке в правиле confirmPasswordRules?

5
  • 1
    а Вы знаете какой this, в момент вызова?
    – Dmytro
    9 дек 2019 в 12:06
  • @ Дмытрык вывожу в лог this.password и он равен введенному значению. но ошибка Error in beforeMount hook: "TypeError: Cannot read property 'password' of undefined" вылетает уже при загрузке компонента
    – user355986
    9 дек 2019 в 12:21
  • Если я правильно понимаю, то этот метод вызывается внутри компонента v-text-field - а там другой this
    – Dmytro
    9 дек 2019 в 12:23
  • как можно выйти из положения?
    – user355986
    9 дек 2019 в 12:48
  • 1) Почитать доку, возможно там что-то по этому поводу есть; 2) Найти в самом компоненте название нужного поля и записать его вместо password
    – Dmytro
    9 дек 2019 в 12:52

1 ответ 1

0

Вероятно, потому что ссылка на объект объявленный литералом, присваивается только после вычисления литерала (я про объект компонента, а не тот что возвращается в его data).
Если данное предположение верно, то это поможет:

confirmPasswordRules: [
  v => !!v || "Пароль не может быть пустым!",
  v => (!this || !this.password) ? true : (v === this.password || "Пароли не совпадают")
]

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.