javascript - 有什么方法可以在vuetify-jsonschema-form vue js中添加自定义验证？

Question

我想向vuetify-jsonschema-form字段添加一个后端自定义验证，
我知道它不受支持。但我想问还有其他解决方案吗？

Answer 1

如果您使用vuetify-jsonschema-form，则它们不支持后端验证，而仅支持简单验证，例如required，min或max。
但是，您可以使用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')