Jika ada cara di aplikasi vuejs3 dengan vee-validate dan yup untuk menampilkan pesan kesalahan khusus? Saya membuat input input pilih dengan placeholder:

              <Field
                name="published"
                as="select"
                class="form-control editable_field"
                v-model="formSelectionPublished">
                <option value="" disabled selected>- Select Category -</option>
                <option v-for="(categoryPublishedLabel) in categoryPublishedLabels" :key="categoryPublishedLabel.code">
                  {{categoryPublishedLabel.label}}
                </option>
              </Field>
              <ErrorMessage name="published" class="validation_error"/>

...
      const categoryEditValidationRules = Yup.object().shape({
        published: Yup.string().max(100).required().notOneOf(['- Select Category -']).label('Category published')

Dan berfungsi dengan baik, tetapi satu-satunya hal yang saya perlukan untuk mengganti pesan kesalahan:

Kategori yang diterbitkan tidak boleh salah satu dari nilai berikut: - Pilih Kategori -

Saya ingin menunjukkan pesan kesalahan yang diperlukan bidang ...

Dalam package.json :

"vee-validate": "^4.0.0-beta.18", "vue": "^3.0.0", "yup": "^0.29.3"

Terima kasih!

0
Petro Gromovo 19 November 2020, 10:02

1 menjawab

Jawaban Terbaik

Sepertinya validator yup menerima argumen kedua sebagai pesan kesalahan khusus. Jadi keputusannya adalah:

  published: Yup.string().max(100).required().notOneOf(['- Select Category -'], 'Category published is a required field')

Itu berhasil untuk saya!

0
Petro Gromovo 22 November 2020, 11:00