Есть ли способ добавить пользовательскую проверку в vuetify-jsonschema-form vue js?

Question

Я хочу добавить внутреннюю пользовательскую проверку в поля формы vuetify-jsonschema, я знаю, что она не поддерживается. но я спрашиваю, есть ли другое решение для этого.

Answer 1

Если вы используете vuetify-jsonschema-form , они не поддерживают проверку бэкэнда, они поддерживают только простую проверку, как требуется, мин или макс. Тем не менее, вы можете javascript. Во-первых, перед отправкой формы вы можете вызвать проверку бэкенда, в случае ошибки вы можете добавить класс CSS 'text - error' в поле, содержащее ошибку:

             <v-jsonschema-form
                ref="formRef"
                :schema="schema"
                :model="model"
                :options="options"
                @change="changeFunction"
             />

const fieldName = this.$refs.jsonForm[0].$el.querySelectorAll(`[name=${nameOfField}]`)[0]
formRef.getElementsByClassName('v-messages__wrapper')[0].innerHTML = errorMesg
formRef.closest('.vjsf-property').classList.add('error--text')

Answer 2

Vuetify - это просто интерфейсная проверка, поэтому вы обычно можете выполнить свою пользовательскую проверку, а затем вернуть ответ в REST или в любом случае