форма регистрации пользователя

105
18 декабря 2021, 23:40
<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?

Answer 1

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

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

как передать контекст html?

мне надо передать контекст НА html В html: допустим надо передать: "< b>Hello world!< /b>" и на страничке это отображается ТОЧНО ТАК ЖЕ, те

195
вывести цифры из строки

вывести цифры из строки

есть строка в которой есть цифры строка1: nnnnnnn4012 результат должен быть: 4012

181
cannot reslove method settext

cannot reslove method settext

На рисунке видно ошибку Когда я переношу условие в другой блок кода для метода settext компилятор находит аргумент (он работает) но при этом нельзя...

177
Переделать ArrayList в коде под обычный массив

Переделать ArrayList в коде под обычный массив

Вечер добрый господа, вопрос в том, как переделать мне мой код чтобы в нем вообще не встречался ArrayList вообще, а вместо него использовать обычный...

249