[VueJS] use Vue properties with vue-vuelidate-jsonschema

Completed Posted 5 years ago Paid on delivery
Completed Paid on delivery

Please find attached a very simple working sample (2 fields and one button) for

[login to view URL] (a vue mixin validator based using vuelidate).

The sample has validation already working i.e.:

- typing non-valid data raises error

- submit button displays the error when there is an error

The job is to extract formSchema and formObject so they become vue properties of the component, i.e.

props: {

formSchema: { type: Object, required: true },

formObject: { type: Object, default: () => ({}) },

formSchema: a simple json schema (fields: name, age)

formObject: object validated against the json schema.

and make sure the sample still works.

formSchema: {

type: 'object',

properties: {

name: {

type: 'string',

pattern: '^\\w+\\s\\w+$'

},

age: {

type: 'integer',

default: 20,

minimum: 18,

maximum: 30

}

},

required: ['name']

}

,

formObject: {

name: 'James',

age: 45

}

Vue.js

Project ID: #17813169

About the project

1 proposal Remote project Active 5 years ago

Awarded to:

djip123

Hello, i'm an Vue.JS Developer with a lot of experience, so this should be easily fixed. Lets get it done mate.

€23 EUR in 1 day
(13 Reviews)
4.9