Javascript 有没有办法在vuetify jsonschema表单vue js中添加自定义验证?
我想向vuetify jsonschema表单字段添加后端自定义验证,Javascript 有没有办法在vuetify jsonschema表单vue js中添加自定义验证?,javascript,forms,vue.js,vue-component,vuetify.js,Javascript,Forms,Vue.js,Vue Component,Vuetify.js,我想向vuetify jsonschema表单字段添加后端自定义验证, 我知道它不受支持。但我想问的是,有没有其他解决办法 Vuetify只是前端验证,因此您通常可以执行后端自定义验证,然后在REST或wathever中返回响应如果您正在使用Vuetify,它们不支持后端验证,它们只支持简单的验证,如required、min或max。 但是,您可以使用javascript。首先,在提交表单之前,您可以调用后端验证,如果出现错误,您可以将CSS类“text--error”添加到包含错误的字段中:
我知道它不受支持。但我想问的是,有没有其他解决办法 Vuetify只是前端验证,因此您通常可以执行后端自定义验证,然后在REST或wathever中返回响应如果您正在使用Vuetify,它们不支持后端验证,它们只支持简单的验证,如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')
const fieldName=this.$refs.jsonForm[0]。$el.queryselectoral(`[name=${nameOfField}]`)[0]
formRef.getElementsByClassName('v-messages\uu包装器')[0]。innerHTML=errorMesg
formRef.closest('.vjsf属性').classList.add('error--text'))